From 478216f074fbdb601e0b01460813fd641bfa7667 Mon Sep 17 00:00:00 2001
From: Braden MacDonald <braden@opencraft.com>
Date: Fri, 6 Sep 2024 11:38:38 -0700
Subject: [PATCH] fix: sidebar needs to stick to the screen properly

---
 src/library-authoring/LibraryAuthoringPage.scss | 5 +++++
 src/library-authoring/LibraryAuthoringPage.tsx  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/library-authoring/LibraryAuthoringPage.scss b/src/library-authoring/LibraryAuthoringPage.scss
index eaf87428b8..03a167b370 100644
--- a/src/library-authoring/LibraryAuthoringPage.scss
+++ b/src/library-authoring/LibraryAuthoringPage.scss
@@ -14,4 +14,9 @@
   min-width: 300px;
   max-width: map-get($grid-breakpoints, "sm");
   z-index: 1001; // to appear over header
+  position: sticky;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  overflow-y: auto;
 }
diff --git a/src/library-authoring/LibraryAuthoringPage.tsx b/src/library-authoring/LibraryAuthoringPage.tsx
index 7ec5e63a8a..9c5d85c629 100644
--- a/src/library-authoring/LibraryAuthoringPage.tsx
+++ b/src/library-authoring/LibraryAuthoringPage.tsx
@@ -153,8 +153,8 @@ const LibraryAuthoringPage = () => {
   };
 
   return (
-    <div className="d-flex overflow-auto">
-      <div className="flex-grow-1 align-content-center">
+    <div className="d-flex">
+      <div className="flex-grow-1">
         <Header
           number={libraryData.slug}
           title={libraryData.title}