web: global data-focus-ring-hidden attribute

2024-07-23 14:41:55 +06:00
parent 19ee8360c4
commit 23c9eb73aa
5 changed files with 22 additions and 21 deletions
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -319,6 +319,10 @@
        z-index: 1;
    }

+    :global([data-focus-ring-hidden]:focus-visible) {
+        box-shadow: none !important;
+    }
+
    :global(button:active, .button:active) {
        background-color: var(--button-hover);
    }
@@ -366,18 +370,6 @@
        margin-block: 0;
    }

-    :global(
-            h1:focus-visible,
-            h2:focus-visible,
-            h3:focus-visible,
-            h4:focus-visible,
-            h5:focus-visible,
-            h6:focus-visible,
-            main:focus-visible
-        ) {
-        box-shadow: none !important;
-    }
-
    :global(h1) {
        font-size: 24px;
        letter-spacing: -1px;