diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index d69c732..fb83f44 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -1,21 +1,3 @@
-// Sorti du header pour pouvoir passer au-dessus de l'overlay
-#site-title {
- position: fixed;
- top: 0;
- left: var(--padding-body);
- height: var(--header-h);
- width: 140px;
- display: flex;
- align-items: center;
- z-index: calc(var(--z-header) + 3);
-
- svg { width: 100px; }
-
- @media #{$small} {
- svg { width: 80px; }
- }
-}
-
#site-header {
@@ -53,7 +35,20 @@
}
}
+ #site-title {
+ position: relative;
+ top: -3px;
+ width: 140px;
+ svg{
+ width: 100px;
+ }
+
+ @media #{$small}{
+ svg{ width: 80px; }
+ top: -4px;
+ }
+ }
#nav-highlight,
@@ -288,4 +283,16 @@
// font-size: var(--fs-xsmall);
// }
// }
-// }
\ No newline at end of file
+// }
+
+// Quand le menu est ouvert : on dimme tout sauf le logo
+body.menu-open #site-header {
+ #nav-highlight,
+ #nav-investigation,
+ #theme-toggle,
+ #lang-toggle,
+ #menu-toggle {
+ opacity: 0.15;
+ transition: opacity .3s ease-in;
+ }
+}
\ No newline at end of file
diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss
index 132e75c..2735055 100644
--- a/assets/css/partials/_site-menu.scss
+++ b/assets/css/partials/_site-menu.scss
@@ -12,7 +12,7 @@
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
- z-index: calc(var(--z-header) + 2);
+ z-index: calc(var(--z-header) - 1);
@media #{$x-small}{
width: 100vw;
@@ -78,7 +78,7 @@
#menu-overlay{
position: fixed;
inset: 0;
- z-index: calc(var(--z-header) + 1);
+ z-index: calc(var(--z-header) - 2);
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
diff --git a/site/snippets/header.php b/site/snippets/header.php
index a65d4ac..d4df74a 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -29,8 +29,15 @@
-