quatuorbellefeuille.com

commit 5b5748bd0a796ffe3ad6506398e3c651d6fecc57
parent 9101c491153a5016888d05314cebbd67a8bf3322
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Thu,  4 Mar 2021 00:06:09 +0100

Fix desync between mobile menu "close" image and button

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

1 file changed, 6 insertions(+), 0 deletions(-)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -312,6 +312,7 @@ footer.legal {
     header.slidingmenu > .content > img.button.close {
         grid-column: 1;
         grid-row: 1;
+        position: fixed;
     }
     header.slidingmenu > .content header.banner {
         grid-column: 2;
@@ -372,6 +373,11 @@ footer.legal {
         height: 2em;
     }
 
+    header.slidingmenu > input:checked {
+        position: fixed;
+        width: 3rem;
+        height: 3rem;
+    }
     header.slidingmenu > input:checked ~ .content {
         transform: none;
     }