climbing: Fix poi width (#278)

zbycz · Mar 24, 2024 · 983f382 · 983f382
1 parent 26289cd
commit 983f382
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/components/FeaturePanel/Climbing/ClimbingPanel.tsx b/src/components/FeaturePanel/Climbing/ClimbingPanel.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import styled from 'styled-components';
 import { Button, CircularProgress } from '@material-ui/core';
 import Router from 'next/router';
@@ -71,6 +71,14 @@ const LoadingContainer = styled.div`
 export const ClimbingPanel = ({ footer, showTagsTable }) => {
   const { feature } = useFeatureContext();
   const label = getLabel(feature);
+  useEffect(() => {
+    console.log(
+      '____',
+      window
+        .getComputedStyle(document.documentElement)
+        .getPropertyValue('--sat'),
+    );
+  }, []);
 
   const {
     loadPhotoRelatedData,

diff --git a/src/components/FeaturePanel/Climbing/RouteList/RouteListDndContent.tsx b/src/components/FeaturePanel/Climbing/RouteList/RouteListDndContent.tsx
@@ -34,6 +34,7 @@ const RowWithDragHandler = styled.div<{ isDraggedOver: boolean }>`
   position: relative;
   font-size: 16px;
   border-top: solid 1px ${({ theme }) => theme.palette.divider};
+  z-index: ${({ isSelected }) => (isSelected ? '2' : 'auto')};
 `;
 const DragHandler = styled.div`
   width: 30px;

diff --git a/src/components/FeaturePanel/ImageSection/PoiDescription.tsx b/src/components/FeaturePanel/ImageSection/PoiDescription.tsx
@@ -10,7 +10,7 @@ const PoiType = styled.div<{ isSkeleton: Boolean; dark: Boolean }>`
   margin: 0 auto 0 15px;
   font-size: 13px;
   position: relative;
-  width: 100%;
+  flex: 1;
 
   svg {
     vertical-align: bottom;