sticky header

2023-05-07 19:21:01 +02:00
parent 5a8ecbe3e7
commit 2f40be294b
1 changed files with 4 additions and 1 deletions
--- a/frontend/src/assets/app.css
+++ b/frontend/src/assets/app.css
@@ -22,9 +22,12 @@
 }

 #header {
+    /* make header fixed to top when the content bellow starts scrolling */
+  position: sticky;
+    top: 0;
+    z-index: 1;
  display: flex;
  flex-direction: row;
-  position: relative;
  border-bottom: lightgray 1px solid;
  height: 2.5rem;
  alignment-baseline: center;