From 80b19a82df7a4b3ca3c2363d23ad78b1532574ee Mon Sep 17 00:00:00 2001 From: Olli Kauppinen Date: Wed, 13 Nov 2024 11:20:57 +0200 Subject: [PATCH 1/3] increase select style specificity --- .../framework/timeseries/resources/css/timeseriesplayback.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bundles/framework/timeseries/resources/css/timeseriesplayback.css b/bundles/framework/timeseries/resources/css/timeseriesplayback.css index 3797c644c1..c22b286678 100755 --- a/bundles/framework/timeseries/resources/css/timeseriesplayback.css +++ b/bundles/framework/timeseries/resources/css/timeseriesplayback.css @@ -15,7 +15,7 @@ display: inline-block; vertical-align: top; } -.timeseries-aux select { +.timeseries-aux .timeseries-menus select { width: 100%!important; height: 24px; padding-top: 0; From b0bec01eb9269bac2cd351b980bd7f04664135da Mon Sep 17 00:00:00 2001 From: Olli Kauppinen Date: Wed, 13 Nov 2024 11:21:58 +0200 Subject: [PATCH 2/3] fix min limit --- bundles/mapping/layerswipe/view/LayerSwipe.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bundles/mapping/layerswipe/view/LayerSwipe.jsx b/bundles/mapping/layerswipe/view/LayerSwipe.jsx index ed67b0d53a..c6fc5ae2a4 100644 --- a/bundles/mapping/layerswipe/view/LayerSwipe.jsx +++ b/bundles/mapping/layerswipe/view/LayerSwipe.jsx @@ -96,7 +96,7 @@ export const LayerSwipe = ThemeConsumer(({ theme, position, mapSize, isMobile, c const margin = isMobile ? MARGIN.mobile : MARGIN.desktop; const width = SPLITTER_WIDTH + 2 * margin; - const limits = { min: -margin, max: mapSize.width - SPLITTER_WIDTH }; + const limits = { min: 0, max: mapSize.width - SPLITTER_WIDTH }; const style = { transform: `translate(${position - margin}px` }; const onEvent = useCallback(() => createDraggable(elementRef, position, limits, controller.setPosition, setDragging), [position, limits]); From ffd524cf484898f35b6b61fc02115518920c69f4 Mon Sep 17 00:00:00 2001 From: Olli Kauppinen Date: Wed, 13 Nov 2024 11:22:33 +0200 Subject: [PATCH 3/3] increase mobile margin --- bundles/mapping/layerswipe/view/LayerSwipe.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bundles/mapping/layerswipe/view/LayerSwipe.jsx b/bundles/mapping/layerswipe/view/LayerSwipe.jsx index c6fc5ae2a4..3fe8348c55 100644 --- a/bundles/mapping/layerswipe/view/LayerSwipe.jsx +++ b/bundles/mapping/layerswipe/view/LayerSwipe.jsx @@ -7,7 +7,7 @@ import { getHeaderTheme } from 'oskari-ui/theme/ThemeHelper'; export const SPLITTER_WIDTH = 5; export const MARGIN = { desktop: 2, - mobile: 5 + mobile: 10 }; const Mask = styled.div` position: absolute;