From f14c101d6dff3b44e30a8f61ad1bdb7420170775 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 19 Mar 2025 18:26:13 +0200 Subject: [PATCH] style(next)/launcher bar: fix the focus outline for the global menu on the vertical layout --- src/public/stylesheets/theme-next/shell.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index eff29a202..4a38448fe 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -253,10 +253,17 @@ body.layout-horizontal > .horizontal { } #launcher-pane .launcher-button:focus-visible, -#launcher-pane .global-menu button:focus-visible { +#launcher-pane.horizontal .global-menu button:focus-visible { outline: 2px solid var(--launcher-pane-button-focus-outline-color); } +#launcher-pane.vertical .global-menu button:focus-visible svg { + outline-offset: 4px; + outline: 2px solid var(--launcher-pane-button-focus-outline-color); + border-radius: 4px; + overflow: visible; +} + #launcher-pane.vertical .spacer { width: var(--launcher-pane-size); }