From 6ce09d4860922fbc6e82378e82f194a30471097e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 11:00:43 -0500
Subject: [PATCH] SidebarMenu: fix opening/closing animation

---
 app/styles/components/sidebar-menu.scss | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index 34d54cd92..c832217cc 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -11,12 +11,8 @@
   transition: all 0.15s linear;
   z-index: 10001;
 
-  &__root {
-    display: none;
-  }
-
   &__wrapper {
-    display: block;
+    display: none;
     position: fixed;
     top: 0;
     left: 0;
@@ -50,17 +46,17 @@
 
   @media (max-width: 400px) {
     width: 90vw;
+    transform: translateX(-90vw);
   }
 }
 
 .sidebar-menu__root--visible {
-  display: block;
-
   .sidebar-menu {
     transform: translateX(0);
   }
 
   .sidebar-menu__wrapper {
+    display: block;
     background-color: rgba(0, 0, 0, 0.3);
   }
 }