🍚 Sticky header WIP

2021-11-11 15:16:53 -08:00
parent 245dd7a7c1
commit 4f95a9712d
5 changed files with 216 additions and 13 deletions
--- a/src/client/assets/scss/App.scss
+++ b/src/client/assets/scss/App.scss
@@ -263,14 +263,22 @@ $size-8: 0.9rem;
  }
 }
 // Library
+.sticky {
+  position: sticky;
+  top: 56px;
+  z-index: 2;
+  background: #fffffc;
+}
+
 .library {
  table {
+    border-collapse: separate;
+    width: 100%;
    thead {
      position: sticky;
-      top: 50px;
-      min-height: 72px;
-      z-index: 2;
-      background: #FFFFFC;
+      top: 204px;
+      z-index: 1;
+      background: #fffffc;
    }
    tr {
      td {