From c3334d27b96cb9b5ccc0e756020a5644daac3014 Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Thu, 28 May 2020 14:36:39 +0200
Subject: [PATCH] css: nav left-to-right: use transform instead of width for
 transition (#43419)

---
 static/includes/_nav.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/static/includes/_nav.scss b/static/includes/_nav.scss
index 491dae57..5f042428 100644
--- a/static/includes/_nav.scss
+++ b/static/includes/_nav.scss
@@ -276,9 +276,10 @@ div.menucell {
 				border-top: 2px solid $nav-border-color;
 				margin-top: 0;
 			} @else if $responsive-menu == left-to-right {
-				transition: width 0.25s ease;
+				transition: transform 0.25s ease;
 				height: 100%;
-				width: 0px;
+				width: 15em;
+				transform: translateX(-100%);
 				position: fixed;
 				top: 0px;
 				left: 0;
@@ -336,7 +337,7 @@ div.menucell {
 			@if $responsive-menu == top-to-bottom {
 				height: auto;
 			} @else if $responsive-menu == left-to-right {
-				width: 15em;
+				transform: translateX(0);
 			}
 		}
 		& + ul li {