Fix sticky board header

- Make top fixed at 0 - Place in front - Give white background - Push down column headers to make room
bcgov · Jun 10, 2024 · b3246b5 · b3246b5
1 parent 11b5607
commit b3246b5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/alcs-frontend/src/app/features/board/board.component.scss b/alcs-frontend/src/app/features/board/board.component.scss
@@ -9,11 +9,14 @@
 
 .board-header {
   display: flex;
+  background-color: white;
   justify-content: space-between;
   align-items: center;
   padding: 24px 80px 12px 76px;
   position: sticky;
   left: 0;
+  top: 0;
+  z-index: 1000;
 }
 
 .board-content {

diff --git a/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss b/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss
@@ -21,7 +21,7 @@
   justify-content: center;
   margin: 0 -2px 8px;
   position: sticky;
-  top: 0;
+  top: 84px;
   text-align: center;
   z-index: 1000;
 }