Lint, Put max height for mapoption container

NASA-IMPACT · Oct 4, 2023 · 808bba8 · 808bba8
1 parent c47ca57
commit 808bba8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/scripts/components/common/mapbox/layer-legend.tsx b/app/scripts/components/common/mapbox/layer-legend.tsx
@@ -27,8 +27,6 @@ import {
   WidgetItemHGroup
 } from '$styles/panel';
 
-import { ShadowScrollbarImproved as ShadowScrollbar } from '$components/common/shadow-scrollbar-improved';
-
 interface LayerLegendCommonProps {
   id: string;
   title: string;
@@ -198,7 +196,8 @@ const LayerLegendTitle = styled.h3`
 
 const LegendBody = styled(WidgetItemBodyInner)`
   padding: 0;
-
+  min-height: 32px;
+  max-height: 120px;
   .scroll-inner {
     padding: ${variableGlsp(0.5, 0.75)};
   }

diff --git a/app/scripts/components/common/mapbox/map-options/index.tsx b/app/scripts/components/common/mapbox/map-options/index.tsx
@@ -28,6 +28,8 @@ const DropHeader = styled.div`
 
 const DropBody = styled.div`
   padding: ${glsp(0, 0, 1, 0)};
+  max-height: 320px;
+  overflow-y: auto;
 `;
 
 /**