Makes planning actions sticky

Closes crf-devs#377
laurentChin · May 3, 2020 · 763857f · 763857f
1 parent 15a0df5
commit 763857f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/assets/css/availability-table.scss b/assets/css/availability-table.scss
@@ -75,3 +75,15 @@ table.availability-table {
  color: white;
  }
 }
+
+@media screen and (min-width: 1001px) {
+ table.availability-table {
+ position: relative;
+ z-index: 0;
+
+ thead {
+ position: sticky;
+ top: 90px;
+ }
+ }
+}
diff --git a/assets/css/planning.scss b/assets/css/planning.scss
@@ -169,3 +169,15 @@ $tableBoxSize: 40px;
  }
  }
 }
+
+@media screen and (min-width: 1001px) {
+ .planning-actions-container {
+ position: sticky;
+ top: 0;
+ z-index: 1;
+ width: 100vw;
+ max-width: 100vw;
+ background-color: white;
+ padding: 10px;
+ }
+}