LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: select position (#2745)

Browse Source
This commit is contained in:
Art 2023-01-26 13:36:47 +01:00 committed by GitHub
parent 6362c022b5
commit 5766d84804
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
libs/ui-toolkit/src/components/select/select.tsx
View File

@ -86,17 +86,18 @@ export const RichSelect = forwardRef<
'z-20', 'z-20',
'bg-white dark:bg-black', 'bg-white dark:bg-black',
'border border-neutral-500 focus:border-black dark:focus:border-white', 'border border-neutral-500 focus:border-black dark:focus:border-white',
'overflow-hidden' 'overflow-hidden',
'shadow-lg'
)} )}
position={'popper'} position={'item-aligned'}
side={'bottom'} side={'bottom'}
align={'center'} align={'center'}
> >
<SelectPrimitive.ScrollUpButton className="flex items-center justify-center p-1 bg-neutral-50 dark:bg-neutral-900"> <SelectPrimitive.ScrollUpButton className="flex items-center justify-center p-1 absolute w-full h-6 z-20 bg-gradient-to-t from-transparent to-neutral-50 dark:to-neutral-900">
<Icon name="chevron-up" /> <Icon name="chevron-up" />
</SelectPrimitive.ScrollUpButton> </SelectPrimitive.ScrollUpButton>
<SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport> <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>
<SelectPrimitive.ScrollDownButton className="flex items-center justify-center p-1 bg-neutral-50 dark:bg-neutral-900"> <SelectPrimitive.ScrollDownButton className="flex items-center justify-center p-1 absolute bottom-0 w-full h-6 z-20 bg-gradient-to-b from-transparent to-neutral-50 dark:to-neutral-900">
<Icon name="chevron-down" /> <Icon name="chevron-down" />
</SelectPrimitive.ScrollDownButton> </SelectPrimitive.ScrollDownButton>
</SelectPrimitive.Content> </SelectPrimitive.Content>