gaufre: better visually mark button focus

don't know why I didn't do that earlier? Match DSFR styling when keyboard-focusing the gaufre button
2025-04-17 15:27:35 +02:00
parent e47ac65e80
commit 6acead848e
1 changed files with 5 additions and 0 deletions
--- a/packages/integration/src/styles/gaufre.css
+++ b/packages/integration/src/styles/gaufre.css
@@ -92,6 +92,11 @@
  background-color: #f6f6f6 !important;
 }

+.lasuite-gaufre-btn--vanilla:focus-visible {
+  outline: 2px solid #0a76f6 !important;
+  outline-offset: 2px !important;
+}
+
 [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:hover,
 [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:focus-visible {
  background-color: #343434 !important;