Prevent button in notifications to be impacted by css rule

Signed-off-by: Louis Chemineau <louis@chmn.me>

diff --git a/core/css/header.css b/core/css/header.css
index b64aca28e0fa4e85cd334dc63e65baa2bc3c263f..b5ad66b2be666a2d9a06f72780b4d024d8df806c 100644 (file)
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -42,11 +42,11 @@
   -moz-user-select: none;
   -ms-user-select: none;
 }
-#header a:focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible,
-#navigation a:focus-visible,
+#header a:not(.button):focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible,
+#navigation a:not(.button):focus-visible,
 #navigation button:not(.button-vue):focus-visible,
 #navigation div[role=button]:focus-visible,
-#expanddiv a:focus-visible,
+#expanddiv a:not(.button):focus-visible,
 #expanddiv button:not(.button-vue):focus-visible,
 #expanddiv div[role=button]:focus-visible {
   box-shadow: inset 0 0 0 2px var(--color-primary-text);

diff --git a/core/css/header.scss b/core/css/header.scss
index 84ebaab22f2e1bd8eb1db06d2ef1b84b8e9e7938..e5d28b139cc675ccb9710fadba721b30be1d73d3 100644 (file)
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -21,7 +21,7 @@
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
-       a:focus-visible, button:not(.button-vue):focus-visible, div[role="button"]:focus-visible {
+       a:not(.button):focus-visible, button:not(.button-vue):focus-visible, div[role="button"]:focus-visible {
                box-shadow: inset 0 0 0 2px var(--color-primary-text);
                border-radius: var(--border-radius);
                outline: none;

diff --git a/core/css/server.css b/core/css/server.css
index c4adc421defd7ee6939e5bd711969006ad3aa6b6..a7de0baba941f13122810e275fedf21429a39945 100644 (file)
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -2296,11 +2296,11 @@ label.infield {
   -moz-user-select: none;
   -ms-user-select: none;
 }
-#header a:focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible,
-#navigation a:focus-visible,
+#header a:not(.button):focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible,
+#navigation a:not(.button):focus-visible,
 #navigation button:not(.button-vue):focus-visible,
 #navigation div[role=button]:focus-visible,
-#expanddiv a:focus-visible,
+#expanddiv a:not(.button):focus-visible,
 #expanddiv button:not(.button-vue):focus-visible,
 #expanddiv div[role=button]:focus-visible {
   box-shadow: inset 0 0 0 2px var(--color-primary-text);