Improve UI for color scheme simulation
Categories
(DevTools :: Inspector, enhancement)
Tracking
(firefox87 fixed)
| Tracking | Status | |
|---|---|---|
| firefox87 | --- | fixed |
People
(Reporter: sebo, Assigned: nchevobbe)
References
Details
Attachments
(1 file)
The button for switching between the different color simulation modes only changes its colors at the moment. It doesn't provide a tooltip or any other hint besides that.
This makes it very hard to distinguish between the disabled state and the two simulation modes. This is especially true when the Devtools are using the dark theme because there basically only the brush icon changes its colors.
To improve that, I suggest to either replace the toggle button by one that opens a selection menu similar to the panel settings menus or let it open an options panel like :hov or .cls buttons.
Sebastian
|
Assignee | |
Updated•2 months ago
|
|
|
Assignee | |
Comment 1•2 months ago
|
||
Transform the cycle-button UI into two distinct button,
one for toggling light mode, and the other to toggle dark mode.
Specific tooltip are displayed on each button, and clicking
on one while the other is enabled will disable the active button.
The existing test is adapted to this new UI.
Pushed by nchevobbe@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/3abd0ac72cad [devtools] Improve UI for color scheme simulation. r=jdescottes.
|
Reporter | |
Comment 4•2 months ago
|
||
Thank you very much for the patch, Nicolas! I just saw screenshots so far, though the changed UI is definitely way better than the three-state cycle button.
Sebastian
|
||
Comment 5•2 months ago
|
||
| bugherder | ||
Description
•