Skip to content

fix(web): ContextMenu unsatisfying UI behaviors - #3787

Merged
alextran1502 merged 3 commits into
immich-app:mainfrom
flyotlin:feat/web-context-menu
Aug 20, 2023
Merged

alextran1502 merged 3 commits into
immich-app:mainfrom
flyotlin:feat/web-context-menu

Conversation

@flyotlin

Copy link
Copy Markdown
Contributor

Changes made in this PR

Related Issue #3735

1. Fix opened ContextMenu blocks navigation bar

Like the issue mentioned ContextMenu blocks. I surveyed similar AccountInfoPanel, and found it is also a absolute panel with fixed 75px top value, so I chose to fix it this way.

2. Both double-click on the button and click outside does close ContextMenu

As I was fixing the first bug, I found double-click on the button doesn't close ContextMenu, which doesn't match with the behavior of AccountInfoPanel's button. So I coded a fix as well.

How has it been tested

Run npm run check:all locally for web.

Demo

Screen.Recording.2023-08-19.at.10.34.41.PM.mov

Now the button behavior is the same as that of `AccountInfoPanel`
- Before: double-click button don't close ContextMenu, only click outside does.
- Now: both double-click button and click outside does close ContextMenu

Ref: Issue immich-app#3735
@vercel

vercel Bot commented Aug 19, 2023 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
immich ⬜️ Ignored (Inspect) Visit Preview Aug 19, 2023 2:43pm

@alextran1502
alextran1502 merged commit 476b735 into immich-app:main Aug 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants