From faf52c1dccb7279b5c003fb08d4d21e0962aae00 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 19 Nov 2024 16:53:28 +0100
Subject: Fix navbar focus rendering

---
 src/objects/_navbar.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/objects')

diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss
index d245e2e..59d4c51 100644
--- a/src/objects/_navbar.scss
+++ b/src/objects/_navbar.scss
@@ -25,14 +25,16 @@
             padding-inline:  props.get(vars.$item--pad-i);
             font-size:       props.get(vars.$item--font-size);
             color:           currentColor;
+            white-space:     nowrap;
             border-radius:   100em;
 
             &::after {
                 position:       absolute;
                 inset:          calc(-1 * props.get(vars.$key-focus--border-offset));
-                z-index:        1;
-                display:        none;
+                z-index:        -10;
+                display:        block;
                 pointer-events: none;
+                visibility:     hidden;
                 content:        '';
                 border-radius:  100em;
                 outline:        props.get(vars.$default-theme, --key-focus, --border) solid props.get(vars.$key-focus--border-width);
@@ -72,7 +74,7 @@
                 &:focus-visible {
                     @include bem.elem('item-content') {
                         &::after {
-                            display: block;
+                            visibility: visible;
                         }
                     }
                 }
-- 
cgit v1.2.3-70-g09d2