fix: set height to 25vh and overflow to auto for select box and menu (#…

…2663)
marigold-ui · Dec 2, 2022 · 9f12ffe · 9f12ffe
1 parent c32e686
commit 9f12ffe
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 0 deletions.
diff --git a/.changeset/cool-knives-rhyme.md b/.changeset/cool-knives-rhyme.md
@@ -0,0 +1,7 @@
+---
+"@marigold/theme-b2b": patch
+"@marigold/theme-core": patch
+"@marigold/theme-unicorn": patch
+---
+
+fix: set height to 25vh and overflow to auto for select box and menu
diff --git a/themes/theme-b2b/src/components/ListBox.style.ts b/themes/theme-b2b/src/components/ListBox.style.ts
@@ -9,6 +9,8 @@ export const ListBox: Theme['components']['ListBox'] = {
       border: '1px solid',
       borderColor: 'gray40',
       borderRadius: 'small',
+      height: '25vh',
+      overflow: 'hidden auto',
 
       '&:error': {
         borderColor: 'error',

diff --git a/themes/theme-b2b/src/components/Menu.style.ts b/themes/theme-b2b/src/components/Menu.style.ts
@@ -7,6 +7,8 @@ export const Menu: Theme['components']['Menu'] = {
       border: '1px solid',
       borderColor: 'gray40',
       borderRadius: 'small',
+      height: '25vh',
+      overflow: 'hidden auto',
     },
     item: {
       px: 'small',

diff --git a/themes/theme-core/src/components/ListBox.style.ts b/themes/theme-core/src/components/ListBox.style.ts
@@ -17,6 +17,9 @@ export const ListBox: Theme['components']['ListBox'] = {
       borderBottomLeftRadius: '2px',
       borderColor: '#aaa',
 
+      height: '25vh',
+      overflow: 'hidden auto',
+
       '&:error': {
         background: 'gray00',
         borderTop: 'none',

diff --git a/themes/theme-core/src/components/Menu.style.ts b/themes/theme-core/src/components/Menu.style.ts
@@ -7,6 +7,9 @@ export const Menu: Theme['components']['Menu'] = {
       border: '1px solid',
       borderColor: 'gray40',
       borderRadius: 'small',
+
+      height: '25vh',
+      overflow: 'hidden auto',
     },
     item: {
       fontSize: 'xxsmall',

diff --git a/themes/theme-unicorn/src/components/ListBox.style.ts b/themes/theme-unicorn/src/components/ListBox.style.ts
@@ -10,6 +10,9 @@ export const ListBox: Theme['components']['ListBox'] = {
       borderColor: 'gray40',
       borderRadius: 'small',
 
+      height: '25vh',
+      overflow: 'hidden auto',
+
       '&:error': {
         borderColor: 'error',
       },

diff --git a/themes/theme-unicorn/src/components/Menu.style.ts b/themes/theme-unicorn/src/components/Menu.style.ts
@@ -7,6 +7,9 @@ export const Menu: Theme['components']['Menu'] = {
       border: '1px solid',
       borderColor: 'gray40',
       borderRadius: 'medium',
+
+      height: '25vh',
+      overflow: 'hidden auto',
     },
     item: {
       px: 'small',