fix: set max height for stylepicker dropdown (#1880)

* Set max height for stylepicker dropdown * Update overlayproperties.js
origo-map · Oct 27, 2023 · aa18263 · aa18263
1 parent 2c9af4f
commit aa18263
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/controls/legend/overlayproperties.js b/src/controls/legend/overlayproperties.js
@@ -123,6 +123,7 @@ const OverlayProperties = function OverlayProperties(options = {}) {
         direction: 'up',
         cls: 'o-stylepicker text-black flex',
         contentCls: 'bg-grey-lighter text-smaller rounded',
+        contentStyle: 'max-height: 12em; overflow-y: auto;',
         buttonCls: 'bg-white border text-black box-shadow',
         buttonTextCls: 'text-smaller',
         text: getStyleDisplayName(layer.get('styleName')),

diff --git a/src/ui/dropdown.js b/src/ui/dropdown.js
@@ -9,6 +9,7 @@ export default function Dropdown(options = {}) {
     cls = '',
     containerCls = 'collapse-container',
     contentCls = 'bg-white',
+    contentStyle = '',
     buttonCls = 'padding-small rounded light box-shadow',
     buttonIconCls = '',
     buttonContainerCls = '',
@@ -108,7 +109,7 @@ export default function Dropdown(options = {}) {
         cls: 'dropdown',
         containerCls,
         contentCls: `${contentCls}`,
-        contentStyle: `${position}:calc(100% + 2px);`,
+        contentStyle: `${position}:calc(100% + 2px);${contentStyle}`,
         collapseX: false,
         headerComponent,
         contentComponent,