Improve overflow menu button #304
No reviewers
Labels
No Label
1000k
100k
10k
200k
20k
500k
50k
5k
75k
backend
blocked:design
bug
dependencies
documentation
duplicate
enhancement
good first issue
help wanted
invalid
P1
P2
P3
question
scope:intl
scope:nip
scope:query_tracing
scope:ux
wontfix
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: Kieran/snort#304
Loading…
Reference in New Issue
Block a user
No description provided.
Delete Branch "improve-overflow-menu-button"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
In order to address https://github.com/v0l/snort/issues/177, I tried adding a background menu item which closes the sub-menu. I made this menu item cover a large area near the sub-menu. If a user clicks within this area, it will close the menu rather than performing the action underneath.
Rather than cover the whole page, I kept the size smaller. If a user scrolls away from the open sub-menu, they can still interact with other buttons and features.
I also increased the width of the three vertical dots menu button, so that its easier to click. Its current width is 4px, I increased this to 16px.
Here is a visual of the component, I temporarily set the color to blue so it is visible:
https://user-images.githubusercontent.com/14062229/218881434-0f46a7b9-2ac7-4241-b70e-2a0876497eb4.mov
Seems like a decent idea, thanks
Please rebase, use
git rebase origin/main
Yeah having some git troubles, needed to amend the older commits due to them being unverified