From cff1177ae93db0f63377ef387fca232b24e47c0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chris=20Ch=C3=A1vez?= <xnpiochv@gmail.com>
Date: Fri, 25 Oct 2024 15:55:24 -0500
Subject: [PATCH] fix: Library Preview Expand button covers dropdown (#1438)

---
 src/library-authoring/LibraryAuthoringPage.scss           | 6 +++++-
 src/library-authoring/component-info/ComponentPreview.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/library-authoring/LibraryAuthoringPage.scss b/src/library-authoring/LibraryAuthoringPage.scss
index 6e422a802..b4c08e02b 100644
--- a/src/library-authoring/LibraryAuthoringPage.scss
+++ b/src/library-authoring/LibraryAuthoringPage.scss
@@ -12,7 +12,7 @@
 }
 
 .library-authoring-sidebar {
-  z-index: 1001; // to appear over header
+  z-index: 1000; // same as header
   flex: 450px 0 0;
   position: sticky;
   top: 0;
@@ -21,6 +21,10 @@
   overflow-y: auto;
 }
 
+.dropdown-menu {
+  z-index: 1001; // over the sidebar
+}
+
 // Reduce breadcrumb bottom margin
 ol.list-inline {
   margin-bottom: 0;
diff --git a/src/library-authoring/component-info/ComponentPreview.tsx b/src/library-authoring/component-info/ComponentPreview.tsx
index ba40e223e..05c91c146 100644
--- a/src/library-authoring/component-info/ComponentPreview.tsx
+++ b/src/library-authoring/component-info/ComponentPreview.tsx
@@ -55,7 +55,7 @@ const ComponentPreview = () => {
           variant="light"
           iconBefore={OpenInFull}
           onClick={openModal}
-          className="position-absolute right-0 zindex-10 m-1"
+          className="position-absolute right-0 zindex-1 m-1"
         >
           {intl.formatMessage(messages.previewExpandButtonTitle)}
         </Button>