quatuorbellefeuille.com

commit c964b0fce81e9d397534d904e03f0060016238d7
parent 0cca61da9934fde1a30300e921335e754fc9716f
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue,  9 Mar 2021 20:04:40 +0100

Keep sliding menu above news summaries

Diffstat:
M
stylesheets/commun.css
 | 
6
++++--

1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -270,13 +270,15 @@ footer.legal {
 
     header.slidingmenu {
         position: relative;
+        /* Bump this whenever the z-index arms race in <main> escalates. */
+        --slidingmenu-z-index: 2;
     }
     header.slidingmenu > input {
         position: relative;
         width: 100%;
         height: 100%;
         margin: 0;
-        z-index: 3;
+        z-index: calc(var(--slidingmenu-z-index) + 1);
         opacity: 0;
         cursor: pointer;
     }
@@ -311,7 +313,7 @@ footer.legal {
         transform-origin: left;
         transform: translate(-100vw);
         transition: transform 0.5s;
-        z-index: 1;
+        z-index: var(--slidingmenu-z-index);
 
         display: grid;
         grid-template-columns: 3rem 1fr 3.6rem;