Add dropdownClassname prop to select component

edgedb · Apr 25, 2024 · 69abc0c · 69abc0c
1 parent 95be9db
commit 69abc0c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/shared/common/ui/select/index.tsx b/shared/common/ui/select/index.tsx
@@ -25,6 +25,7 @@ export type SelectItems<T = any> = {
 
 export type SelectProps<T = any> = {
   className?: string;
+  dropdownClassName?: string;
   fullScreen?: boolean;
   fullScreenTitle?: string;
   title?: string | JSX.Element;
@@ -58,6 +59,7 @@ type FlattenedItems = (
 
 export function Select<T extends any>({
   className,
+  dropdownClassName,
   fullScreen,
   fullScreenTitle,
   title,
@@ -193,7 +195,7 @@ export function Select<T extends any>({
 
           <div
             ref={dropdownRef}
-            className={cn(styles.tabDropdown, {
+            className={cn(styles.tabDropdown, dropdownClassName, {
               [styles.tabDropdownOpen]: dropdownOpen,
               [styles.rightAlign]: !!rightAlign,
               [styles.fullScreen]: isFullscreenMobile,

diff --git a/shared/common/ui/select/select.module.scss b/shared/common/ui/select/select.module.scss
@@ -11,6 +11,7 @@
 
   svg {
     color: var(--svg-color, --select-option-color, #6b6b6b);
+    flex-shrink: 0;
   }
 
   &:hover {