fix: Make header sticky

200ok-ch · Jun 30, 2022 · b1ff504 · b1ff504
1 parent 58ab58f
commit b1ff504
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/HeaderBar/stylesheet.css b/src/components/HeaderBar/stylesheet.css
@@ -3,13 +3,17 @@
 .header-bar {
   background-color: var(--base2);
   height: 30px;
+  min-height: 30px;
   padding: 10px;
 
   display: grid;
   grid-template-columns: minmax(2em, 3.5fr) minmax(1em, 3fr) minmax(1em, 3.5fr);
   grid-template-areas: 'back title actions';
   align-items: center;
 
+  position: sticky;
+  top: 0;
+
   z-index: 1;
 }