Closed
Bug 1324884
Opened 7 years ago
Closed 5 years ago
RDM UI dropdowns are hard to distinguish from content on Windows
Categories
(DevTools :: Responsive Design Mode, defect, P3)
Tracking
(Not tracked)
RESOLVED
WORKSFORME
People
(Reporter: alfredkayser, Unassigned)
References
(Blocks 1 open bug)
Details
(Whiteboard: [rdm-v2])
Attachments
(1 file)
|
142.05 KB,
image/jpeg
|
Details |
rdm_dropdown.jpg
See attached screenshot. The new RDM style misses borders on the dropdowns which makes them unclear.
|
Reporter | |
Updated•7 years ago
|
OS: Unspecified → All
Hardware: Unspecified → All
Version: 48 Branch → 53 Branch
Are you using Windows, or some other OS? In my testing macOS seems to show a drop shadow, but Windows doesn't.
Flags: needinfo?(alfredkayser)
Priority: -- → P3
Whiteboard: [rdm-v2]
|
|
Reporter | |
Comment 2•7 years ago
|
||
This indeed on Windows 10. No drop shadow nor any border. I can't see why this dropdown has no border, as there is no specific styling to remove the border from the normal dropdowns.
Flags: needinfo?(alfredkayser)
Summary: Dropdowns are missing the border → RDM UI dropdowns are missing the border
OS: All → Windows
Summary: RDM UI dropdowns are missing the border → RDM UI dropdowns are hard to distinguish from content on Windows
|
||
Comment 3•7 years ago
|
||
These styles look like the culprit to me: https://dxr.mozilla.org/mozilla-central/source/devtools/client/responsive.html/responsive-ua.css They were added, because by default, selects have an un-even border (2px left border): https://dxr.mozilla.org/mozilla-central/source/layout/style/res/forms.css#421 An easy fix would be changing the rule in responsive-ua.css to be: `border-inline-start-width: 1px !important;`
|
||
Updated•6 years ago
|
Product: Firefox → DevTools
|
|
||
Updated•5 years ago
|
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•