From 8b4695154b81a87df2db0845a98218fbc6d3b46a Mon Sep 17 00:00:00 2001
From: Nicolas MASSE <nicolas.masse@itix.fr>
Date: Fri, 15 Jan 2021 11:13:24 +0100
Subject: [PATCH] remove flickering upon page load on mobile

---
 assets/css/itix.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/itix.css b/assets/css/itix.css
index 9c6ddd3..045bf7d 100644
--- a/assets/css/itix.css
+++ b/assets/css/itix.css
@@ -735,10 +735,11 @@ mjx-container {
 
   .menu .menu-content {
     width: 300px;
+    left: -300px;
     height: 100vh;
     background-color: var(--main-background-color);
     position: fixed;
-    transform: translate(-300px, 0);
+    transform: none;
     transition: transform 0.2s linear;
   }
 
@@ -764,7 +765,7 @@ mjx-container {
    * the overlay that hides the article content.
    */
   .menu input.hamburger-menu:checked ~ .menu-content {
-    transform: none;
+    transform: translate(300px, 0);
   }
 
   .menu input.hamburger-menu:checked ~ .menu-overlay {