fix: select component style

cheminfo · Aug 30, 2024 · f1a24e5 · f1a24e5
1 parent 08739b2
commit f1a24e5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/component/elements/Select2.tsx b/src/component/elements/Select2.tsx
@@ -27,7 +27,10 @@ type ReturnedUseSelectOptions = ReturnType<typeof useSelect>;
 export type Select2Props<T extends Record<string, any> = SelectDefaultItem> =
   Omit<
     SelectProps<T>,
-    keyof Omit<ReturnedUseSelectOptions, 'onItemSelect' | 'value'>
+    keyof Omit<
+      ReturnedUseSelectOptions,
+      'onItemSelect' | 'value' | 'popoverProps'
+    >
   > &
     SelectOptions<T> & {
       selectedButtonProps?: Omit<ButtonProps, 'text'>;
@@ -60,6 +63,7 @@ function InnerSelect2<T extends Record<string, any> = SelectDefaultItem>(
     intent,
     placeholder = '',
     filterPlaceholder,
+    popoverProps,
     getSelectedText,
     ...otherProps
   } = props;
@@ -101,6 +105,7 @@ function InnerSelect2<T extends Record<string, any> = SelectDefaultItem>(
       {...otherProps}
       placeholder={filterPlaceholder}
       fill={fill}
+      popoverProps={{ minimal: true, ...popoverProps }}
     >
       <Button
         ref={ref}

diff --git a/src/index.tsx b/src/index.tsx
@@ -10,6 +10,7 @@ import 'modern-normalize/modern-normalize.css';
 import 'react-science/styles/preflight.css';
 import '@blueprintjs/core/lib/css/blueprint.css';
 import '@blueprintjs/icons/lib/css/blueprint-icons.css';
+import '@blueprintjs/select/lib/css/blueprint-select.css';
 
 import './demo/index.css';