From f7d1091e93af8599b26d0f326c3122115331a261 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 11:13:15 -0500
Subject: [PATCH] SidebarMenu: fix background lightbox opacity animation

---
 app/styles/components/sidebar-menu.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index c832217cc..d227913e3 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -12,16 +12,17 @@
   z-index: 10001;
 
   &__wrapper {
-    display: none;
+    opacity: 0;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10000;
-    background-color: transparent;
-    transition: background-color 0.2s linear;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: opacity 0.2s linear;
     transition-delay: 0.1s;
+    pointer-events: none;
   }
 
   &__content {
@@ -56,8 +57,8 @@
   }
 
   .sidebar-menu__wrapper {
-    display: block;
-    background-color: rgba(0, 0, 0, 0.3);
+    opacity: 1;
+    pointer-events: all;
   }
 }