Closed
Bug 1699133
Opened 4 years ago
Closed 2 months ago
Use :where() to reduce specificity in checkbox.inc.css
Categories
(Toolkit :: Themes, task, P3)
Toolkit
Themes
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: ntim, Unassigned)
References
(Blocks 1 open bug)
Details
(Whiteboard: [proton-cleanups])
checkbox.inc.css for instance uses some very specific selectors, which makes it difficult to override from different files (e.g. common.css)
Using :where() would reduce the specificity of the base toolkit styles, making them as easy (or easier) to override than previously (hover/active states were defined from widget code, which meant no CSS or specificity was involved).
Updated•4 years ago
|
See Also: → https://jira.mozilla.com/browse/FIDEFE-618
Updated•4 years ago
|
Priority: -- → P5
Updated•4 years ago
|
Priority: P5 → P3
Updated•4 years ago
|
Points: --- → 1
Comment 1•3 years ago
|
||
Reducing the scope here. Let's have separate bugs for different stylesheets.
Severity: -- → N/A
Points: 1 → 2
See Also: → 1708690
Summary: Use :where() to reduce specificity of new shared proton styles → Use :where() to reduce specificity in checkbox.inc.css
Comment 2•2 months ago
|
||
https://searchfox.org/mozilla-central/source/toolkit/themes/shared/checkbox.css now uses :where a bunch and also nesting, so I don't think this is a problem anymore.
Status: NEW → RESOLVED
Closed: 2 months ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•