fix: sidebar needs to stick to the screen properly

openedx · Sep 6, 2024 · 478216f · 478216f
1 parent d5612a2
commit 478216f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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}