Merge pull request #2729 from okauppinen/small-fixes

TimeSeriesPlayer select style fix and LayerSwipe mobile margin
oskariorg · Nov 13, 2024 · 0729d65 · 0729d65
2 parents 0e1896c + ffd524c
commit 0729d65
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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;

diff --git 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;
@@ -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]);