bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pl-fe: improve dropdown menu animation

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-09-14 14:18:19 +02:00
parent affbe86081
commit 6b7082f8fe
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
View file

@ -364,7 +364,6 @@ const DropdownMenu = (props: IDropdownMenu) => {
<Portal>
<div
data-testid='dropdown-menu'
className={getClassName()}
ref={refs.setFloating}
style={{
position: strategy,
@ -372,14 +371,16 @@ const DropdownMenu = (props: IDropdownMenu) => {
left: x ?? 0,
}}
>
<DropdownMenuContent handleClose={handleClose} items={items} component={component} />
<div className={getClassName()}>
<DropdownMenuContent handleClose={handleClose} items={items} component={component} />
{/* Arrow */}
<div
ref={arrowRef}
style={arrowProps}
className='pointer-events-none absolute z-[-1] h-3 w-3 bg-white black:bg-black dark:bg-gray-900'
/>
{/* Arrow */}
<div
ref={arrowRef}
style={arrowProps}
className='pointer-events-none absolute z-[-1] h-3 w-3 bg-white black:bg-black dark:bg-gray-900'
/>
</div>
</div>
</Portal>
) : null}