From 6acead848e3d132bfaf6568bd7ea52be108cb72e Mon Sep 17 00:00:00 2001 From: Emmanuel Pelletier Date: Thu, 17 Apr 2025 15:27:35 +0200 Subject: [PATCH] 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 --- packages/integration/src/styles/gaufre.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/integration/src/styles/gaufre.css b/packages/integration/src/styles/gaufre.css index 634d173..a4f4e05 100644 --- 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;