fix: search result not hidden in legend search

Flodkvist · Feb 1, 2023 · f4ee7ef · f4ee7ef
1 parent a61d3e3
commit f4ee7ef
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/scss/externs/_awesomplete.base.scss b/scss/externs/_awesomplete.base.scss
@@ -15,6 +15,14 @@
   width: 100%;
 }
 
+.awesomplete.black {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  position: fixed;
+  min-width: 180px;
+}
+
 .awesomplete > input {
   display: block;
 }
@@ -39,7 +47,7 @@
   left: 0px;
   list-style: none;
   margin: 0;
-  min-width: 100%;
+  min-width: 180px;
   padding: 0;
   position: absolute;
   top: auto;

diff --git a/src/controls/legend.js b/src/controls/legend.js
@@ -257,7 +257,7 @@ const Legend = function Legend(options = {}) {
 
   const layerSearchInput = Input({
     cls: 'o-search-layer-field placeholder-text-smaller smaller',
-    style: { height: '1.5rem', margin: 0, width: '100%' },
+    style: { height: '1.5rem', margin: 0, width: '180px' },
     placeholderText: searchLayersPlaceholderText,
     value: ''
   });