Fix stylelint-config-standard violations
Bug: chromium:1083142
Change-Id: I5ea4cc5d0f83e52856383ba37a47472e33eb19a2
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2204113
Commit-Queue: Mathias Bynens <[email protected]>
Commit-Queue: Changhao Han <[email protected]>
Auto-Submit: Mathias Bynens <[email protected]>
Reviewed-by: Changhao Han <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>
diff --git a/front_end/ui/checkboxTextLabel.css b/front_end/ui/checkboxTextLabel.css
index ec687d6..20b45b3 100644
--- a/front_end/ui/checkboxTextLabel.css
+++ b/front_end/ui/checkboxTextLabel.css
@@ -5,100 +5,107 @@
*/
:host {
- padding: 0;
- margin: 0;
- display: inline-flex;
- flex-shrink: 0;
- align-items: center !important;
+ padding: 0;
+ margin: 0;
+ display: inline-flex;
+ flex-shrink: 0;
+ align-items: center !important;
}
input {
- height: 12px;
- width: 12px;
- flex-shrink: 0;
+ height: 12px;
+ width: 12px;
+ flex-shrink: 0;
}
input.inside-datagrid {
- height: 10px;
- width: 10px;
+ height: 10px;
+ width: 10px;
}
input:focus {
- outline: auto 5px -webkit-focus-ring-color;
+ outline: auto 5px -webkit-focus-ring-color;
}
input.dt-checkbox-themed {
- -webkit-appearance: none;
- margin: auto 5px auto 2px;
- border: 1px solid rgb(45, 45, 45);
- border-radius: 3px;
- background-color: rgb(102, 102, 102);
+ -webkit-appearance: none;
+ margin: auto 5px auto 2px;
+ border: 1px solid rgb(45, 45, 45);
+ border-radius: 3px;
+ background-color: rgb(102, 102, 102);
}
-input.dt-checkbox-themed:after {
- content: '';
- line-height: 10px;
- position: absolute;
- cursor: pointer;
- width: 12px;
- height: 12px;
- background: none;
+input.dt-checkbox-themed::after {
+ content: '';
+ line-height: 10px;
+ position: absolute;
+ cursor: pointer;
+ width: 12px;
+ height: 12px;
+ background: none;
}
-input.dt-checkbox-themed:checked:after {
- background-color: #333;
+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;
+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%);
+ filter: invert(80%);
}
.dt-checkbox-text {
- margin-left: 3px;
- overflow: hidden;
- text-overflow: ellipsis;
+ margin-left: 3px;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.dt-checkbox-subtitle {
- color: gray;
+ color: gray;
}
@media (forced-colors: active) {
- input.dt-checkbox-theme-preserve {
- forced-color-adjust: none;
- }
- input.dt-checkbox-theme-preserve:hover:enabled {
- border-color: Highlight;
- }
- input.dt-checkbox-theme-preserve:active::before,
- input.dt-checkbox-theme-preserve:active::after {
- 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 {
- 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;
- }
- input.dt-checkbox-theme-preserve:hover:checked {
- background: HighlightText;
- }
+ input.dt-checkbox-theme-preserve {
+ forced-color-adjust: none;
}
+
+ input.dt-checkbox-theme-preserve:hover:enabled {
+ border-color: Highlight;
+ }
+
+ input.dt-checkbox-theme-preserve:active::before,
+ input.dt-checkbox-theme-preserve:active::after {
+ 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 {
+ 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;
+ }
+
+ input.dt-checkbox-theme-preserve:hover:checked {
+ background: HighlightText;
+ }
+}
