Merge pull request #832 from geoadmin/bug-pb-468-time-slider-undernea…

…th-menu PB-468 Fixed Time-Slider sliding under the menu on smaller screens
geoadmin · May 14, 2024 · ee763bd · ee763bd
2 parents 4e3d8d2 + b88fb25
commit ee763bd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/modules/map/components/toolbox/TimeSliderButton.vue b/src/modules/map/components/toolbox/TimeSliderButton.vue
@@ -80,6 +80,10 @@ $openCloseButtonHeight: 0rem;
 
 @include respond-above(sm) {
     .time-sliders {
+        // menu appears, we move the slider to the right and take the menu
+        // width into the width calculation
+        left: $menu-tray-width;
+        width: calc(100% - $map-button-diameter - $menu-tray-width - $spacer);
         top: calc($header-height + $openCloseButtonHeight);
         &.dev-disclaimer-present {
             top: calc($header-height + $openCloseButtonHeight + $dev-disclaimer-height);
@@ -89,11 +93,7 @@ $openCloseButtonHeight: 0rem;
 
 @include respond-above(lg) {
     .time-sliders {
-        left: $menu-tray-width;
         transform: none;
-        width: calc(100% - $map-button-diameter - $menu-tray-width - $spacer);
-    }
-    .time-sliders {
         top: 2 * $header-height;
         &.dev-disclaimer-present {
             top: calc(2 * $header-height + $dev-disclaimer-height);