From 81cea42eb9537e410afdcfe2f58ea78984f97d99 Mon Sep 17 00:00:00 2001
From: Laurent Janet <laurent.janet@gmail.com>
Date: Sun, 3 May 2020 16:14:24 +0200
Subject: [PATCH] Makes planning actions sticky

Closes #377
---
 assets/css/availability-table.scss | 12 ++++++++++++
 assets/css/planning.scss           | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/assets/css/availability-table.scss b/assets/css/availability-table.scss
index 07b6b76a..c9a6a8da 100644
--- 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
index 5aec8706..9c97ff0c 100644
--- 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;
+  }
+}