studio/integration
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gaufre: hide focus outline when opening gaufre without keyboard

Browse Source
This commit is contained in:
Emmanuel Pelletier
2025-02-27 17:11:43 +01:00
parent 39f1ba7fb2
commit 15b52ab2de
1 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
website/src/components/GaufrePage.astro
View File

@@ -177,18 +177,41 @@ const useSubsettedFont = import.meta.env.PUBLIC_USE_GAUFRE_SUBSETTED_FONT !== "0
z-index: 1 !important; z-index: 1 !important;
} }
.lagaufre-service:hover, .lagaufre-service:hover {
background-color: #f0f0fa !important;
border-top: 1px solid #8989cd !important;
border-bottom: 1px solid #8989cd !important;
}
.lagaufre-service:has(:focus-visible) { /* this is like a "has-focus-within" selector */
background-color: #f0f0fa !important;
border-top: 1px solid #8989cd !important;
border-bottom: 1px solid #8989cd !important;
}
/* fallback for browsers that don't support :has */
@supports not selector(:has(+ *)) {
.lagaufre-service:focus-within { .lagaufre-service:focus-within {
background-color: #f0f0fa !important; background-color: #f0f0fa !important;
border-top: 1px solid #8989cd !important; border-top: 1px solid #8989cd !important;
border-bottom: 1px solid #8989cd !important; border-bottom: 1px solid #8989cd !important;
} }
}
[data-fr-scheme="dark"] .lagaufre-service:hover, [data-fr-scheme="dark"] .lagaufre-service:hover {
background-color: #2d2d2d !important;
border-top-color: #8989cd !important;
border-bottom-color: #8989cd !important;
}
[data-fr-scheme="dark"] .lagaufre-service:has(:focus-visible) {
background-color: #2d2d2d !important;
border-top-color: #8989cd !important;
border-bottom-color: #8989cd !important;
}
@supports not selector(:has(+ *)) {
[data-fr-scheme="dark"] .lagaufre-service:focus-within { [data-fr-scheme="dark"] .lagaufre-service:focus-within {
background-color: #2d2d2d !important; background-color: #2d2d2d !important;
border-top: 1px solid #8989cd !important; border-top-color: #8989cd !important;
border-bottom: 1px solid #8989cd !important; border-bottom-color: #8989cd !important;
}
} }
.lagaufre-service__icon { .lagaufre-service__icon {