From 8a5191d033269f671d9db2ebd1fb8168596eb848 Mon Sep 17 00:00:00 2001 From: Wolfgang Beyer Date: Wed, 14 Dec 2022 14:49:00 +0000 Subject: [PATCH] Remove focus-ring offset in styles pane We recently added an offset to the focus-ring styles [1]. As a consequence the focus ring in the styles pane is partly covered by other elements and not visible. Because this area is dense and full of information, instead of making room for the focus ring offset, this CL removes the offset in the styles pane and restores the previous look. [1] https://crrev.com/c/4009038 Fixed: 1400616 Change-Id: I09340e18c5c5299c5bebafe3aa606ec63409f56f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4106709 Commit-Queue: Changhao Han Auto-Submit: Wolfgang Beyer Reviewed-by: Changhao Han --- front_end/panels/elements/stylesSidebarPane.css | 1 + 1 file changed, 1 insertion(+) diff --git a/front_end/panels/elements/stylesSidebarPane.css b/front_end/panels/elements/stylesSidebarPane.css index 72ac1fad5c..af209a21be 100644 --- a/front_end/panels/elements/stylesSidebarPane.css +++ b/front_end/panels/elements/stylesSidebarPane.css @@ -82,6 +82,7 @@ .styles-section .styles-section-subtitle .devtools-link { color: var(--color-text-primary); text-decoration-color: hsl(0deg 0% 60%); + outline-offset: 0; } .styles-section .selector {