From 51d8b0eea24e48bd8b07d27b9e1a3b7c1ef34214 Mon Sep 17 00:00:00 2001
From: Jeremy Walton <jeremy.patrick.walton@gmail.com>
Date: Tue, 30 Jul 2024 17:03:02 -0400
Subject: [PATCH 1/2] Use the correct z index for the sidebar

---
 src/components/sidebar.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/sidebar.scss b/src/components/sidebar.scss
index 884a10a7..3e48dfb4 100644
--- a/src/components/sidebar.scss
+++ b/src/components/sidebar.scss
@@ -69,6 +69,7 @@
   --__op-sidebar-width: var(--_op-sidebar-drawer-width);
   --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
 
+  z-index: var(--op-z-index-drawer);
   display: flex;
   width: var(--__op-sidebar-width);
   min-width: var(--__op-sidebar-width);

From e6d04b25b250a80feb6a8129551d4074e90f1c7f Mon Sep 17 00:00:00 2001
From: Jeremy Walton <jeremy.patrick.walton@gmail.com>
Date: Sat, 14 Dec 2024 17:30:45 -0500
Subject: [PATCH 2/2] Rename drawer to be sidebar

---
 src/addons/panel.scss            | 2 +-
 src/components/sidebar.scss      | 2 +-
 src/core/tokens/base_tokens.scss | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/addons/panel.scss b/src/addons/panel.scss
index 57de7408..d114fa3a 100644
--- a/src/addons/panel.scss
+++ b/src/addons/panel.scss
@@ -2,7 +2,7 @@
   --op-panel-width: 40%;
 
   position: absolute;
-  z-index: var(--op-z-index-drawer);
+  z-index: var(--op-z-index-sidebar);
   right: calc(-1 * var(--op-panel-width)); // this pushes the panel off the sceen to the right
   width: var(--op-panel-width);
   height: 100vh;
diff --git a/src/components/sidebar.scss b/src/components/sidebar.scss
index 3e48dfb4..35091415 100644
--- a/src/components/sidebar.scss
+++ b/src/components/sidebar.scss
@@ -69,7 +69,7 @@
   --__op-sidebar-width: var(--_op-sidebar-drawer-width);
   --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
 
-  z-index: var(--op-z-index-drawer);
+  z-index: var(--op-z-index-sidebar);
   display: flex;
   width: var(--__op-sidebar-width);
   min-width: var(--__op-sidebar-width);
diff --git a/src/core/tokens/base_tokens.scss b/src/core/tokens/base_tokens.scss
index 3382ff57..ad1ca521 100644
--- a/src/core/tokens/base_tokens.scss
+++ b/src/core/tokens/base_tokens.scss
@@ -297,7 +297,7 @@ $breakpoint-x-large: 1440px; // medium laptop
   */
   --op-z-index-header: 500;
   --op-z-index-footer: 500;
-  --op-z-index-drawer: 700;
+  --op-z-index-sidebar: 700;
   --op-z-index-dialog: 800;
   --op-z-index-dialog-backdrop: 801;
   --op-z-index-dialog-content: 802;