Fix stylelint-config-standard issues in ui/checkboxTextLabel.css
Bug: 1083142
Change-Id: I2486663868abe8dfce23ab5b1bf4af623d5aae8f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2279514
Reviewed-by: Mathias Bynens <[email protected]>
Reviewed-by: Jecelyn Yeen <[email protected]>
Commit-Queue: Jecelyn Yeen <[email protected]>
diff --git a/front_end/ui/checkboxTextLabel.css b/front_end/ui/checkboxTextLabel.css
index 9214041..d1b4703 100644
--- a/front_end/ui/checkboxTextLabel.css
+++ b/front_end/ui/checkboxTextLabel.css
@@ -43,18 +43,15 @@
width: 12px;
height: 12px;
background: none;
+ -webkit-mask-image: url(Images/checkboxCheckmark.svg);
+ -webkit-mask-size: 11px 11px;
+ -webkit-mask-position: 0 0;
}
input.dt-checkbox-themed:checked::after {
background-color: #333;
}
-input.dt-checkbox-themed::after {
- -webkit-mask-image: url(Images/checkboxCheckmark.svg);
- -webkit-mask-size: 11px 11px;
- -webkit-mask-position: 0 0;
-}
-
:host-context(.-theme-with-dark-background) input:not(.dt-checkbox-themed) {
filter: invert(80%);
}
@@ -74,6 +71,16 @@
forced-color-adjust: none;
}
+ input.dt-checkbox-theme-preserve:active {
+ background: HighlightText;
+ }
+
+ input.dt-checkbox-theme-preserve:checked,
+ input.dt-checkbox-theme-preserve:active:checked {
+ background: Highlight;
+ border-color: Highlight;
+ }
+
input.dt-checkbox-theme-preserve:hover:enabled {
border-color: Highlight;
}
@@ -83,23 +90,13 @@
background-color: Highlight;
}
- input.dt-checkbox-theme-preserve:active {
- background: HighlightText;
- }
-
- input.dt-checkbox-theme-preserve:active:checked::before,
- input.dt-checkbox-theme-preserve:active:checked::after,
input.dt-checkbox-theme-preserve:checked::before,
- input.dt-checkbox-theme-preserve:checked::after {
+ input.dt-checkbox-theme-preserve:checked::after,
+ input.dt-checkbox-theme-preserve:active:checked::before,
+ input.dt-checkbox-theme-preserve:active:checked::after {
background-color: HighlightText;
}
- input.dt-checkbox-theme-preserve:active:checked,
- input.dt-checkbox-theme-preserve:checked {
- background: Highlight;
- border-color: Highlight;
- }
-
input.dt-checkbox-theme-preserve:hover:checked::before,
input.dt-checkbox-theme-preserve:hover:checked::after {
background-color: Highlight !important;
