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; + } +}