commit | 9ee5b3f41c2ed23532909e1dba86b719e26e2e79 | [log] [tgz] |
---|---|---|
author | Benedikt Meurer <[email protected]> | Tue Aug 20 12:01:07 2024 |
committer | Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com> | Tue Aug 20 12:34:04 2024 |
tree | d320495bdffb11ac96086a345f36254c4bcbe024 | |
parent | da3ff372977731b2ee99431c5c7efb03134b8491 [diff] |
[GM3Restyling] Fix misaligned focus ring for `:active` state. This was caused by the removal of `top` and `left` properties for the `&::before` selectors in https://crrev.com/c/5749005, which causes the `::before` pseudo element to cascade `top: -6px` and `left: -6px` from the specific `&:active::before` selectors. Fixed: 361008594 Bug: 353397958 Change-Id: I0e0c9e708696806db54755a46df1374a0eb1e72e Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5797138 Commit-Queue: Kateryna Prokopenko <[email protected]> Reviewed-by: Kateryna Prokopenko <[email protected]> Auto-Submit: Benedikt Meurer <[email protected]>
diff --git a/front_end/ui/components/input/checkbox.css b/front_end/ui/components/input/checkbox.css index 43cc509..43d1c9e 100644 --- a/front_end/ui/components/input/checkbox.css +++ b/front_end/ui/components/input/checkbox.css
@@ -42,6 +42,8 @@ width: 15px; border-radius: 5px; position: absolute; + top: 0; + left: 0; border: 2px solid var(--sys-color-state-focus-ring); } }
diff --git a/front_end/ui/legacy/inspectorCommon.css b/front_end/ui/legacy/inspectorCommon.css index 83edca8..ff810cb 100644 --- a/front_end/ui/legacy/inspectorCommon.css +++ b/front_end/ui/legacy/inspectorCommon.css
@@ -305,6 +305,8 @@ width: 15px; border-radius: 5px; position: absolute; + top: 0; + left: 0; border: 2px solid var(--sys-color-state-focus-ring); } }