hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add scroll indicators to dropdown menu content

Browse source
This commit is contained in:
codytseng 2025-09-24 14:43:54 +08:00
parent 5211556c7b
commit 9337b8adc7
3 changed files with 172 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/NoteOptions/DesktopMenu.tsx
View file

@ -20,7 +20,7 @@ export function DesktopMenu({ menuActions, trigger }: DesktopMenuProps) {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>
<DropdownMenuContent className="max-h-screen overflow-y-auto">
<DropdownMenuContent className="max-h-[50vh] overflow-y-auto">
{menuActions.map((action, index) => {
const Icon = action.icon
return (
@ -32,7 +32,10 @@ export function DesktopMenu({ menuActions, trigger }: DesktopMenuProps) {
<Icon />
{action.label}
</DropdownMenuSubTrigger>
<DropdownMenuSubContent className="max-h-screen overflow-y-auto">
<DropdownMenuSubContent
className="max-h-[50vh] overflow-y-auto"
showScrollButtons
>
{action.subMenu.map((subAction, subIndex) => (
<div key={subIndex}>
{subAction.separator && subIndex > 0 && <DropdownMenuSeparator />}