Merge pull request #2444 from SpareBank1/fix-modal-close-button-focus…

…-firefox fix(ffe-modals): Add missing focus color for close button - firefox
SpareBank1 · Dec 13, 2024 · ff7e9ec · ff7e9ec
2 parents 900811a + c87e4f9
commit ff7e9ec
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/ffe-modals/less/modal.less b/packages/ffe-modals/less/modal.less
@@ -43,15 +43,14 @@
     --background-color: var(--ffe-v-modal-bg-color);
     --border-color: var(--ffe-v-modal-close-button-border-color);
     --text-color: var(--ffe-v-modal-close-button-cross-color);
-    --outline-color: transparent;
 
     aspect-ratio: 1;
     background: var(--background-color);
     color: var(--text-color);
     border: 2px solid var(--border-color);
     font: inherit;
     cursor: pointer;
-    outline: 2px solid var(--outline-color);
+    outline: 2px solid transparent;
     padding: var(--ffe-spacing-2xs);
     border-radius: 50%;
     float: right;
@@ -71,7 +70,7 @@
     }
 
     &:focus-visible {
-        --outline-color: var(--ffe-v-modal-close-button-color);
+        outline: 2px solid var(--ffe-v-modal-close-button-color);
     }
 
     @media (hover: hover) and (pointer: fine) {