From 26d39760dbd1dcf1c154c2a65d9ec302c418e1a6 Mon Sep 17 00:00:00 2001
From: Mateus Meyer Jiacomelli <meyergdh@gmail.com>
Date: Thu, 15 Dec 2022 17:30:46 +0000
Subject: [PATCH] Fixing the new sticky navbar overlapping Stage, Chord and
 Main views

---
 src/app/app.component.scss      | 7 +++++++
 src/app/components/overlay.scss | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e7ea2bd..6bfba73 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,10 @@
+// To allow the inner overlay (and other items) to use z-indexes greater than 1
+.mat-sidenav {
+  &-container, &-content {
+    z-index: auto;
+  }
+}
+
 mat-toolbar {
   position: -webkit-sticky;
   position: sticky;
diff --git a/src/app/components/overlay.scss b/src/app/components/overlay.scss
index 6270d80..d3950e5 100644
--- a/src/app/components/overlay.scss
+++ b/src/app/components/overlay.scss
@@ -5,7 +5,7 @@
   position: fixed;
   left: 0;
   top: 0;
-  z-index: 1;
+  z-index: 1200;
   overflow: hidden;
   color: white;
   display: flex;