helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-10-17 18:19:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): better context menu position (#4271)

Browse source 
* feat(web): better context menu position

* fix: album context menu

* fix: add middle variant

* fix: rest of context menus

* fix: linting error
This commit is contained in:
Jason Rasmussen 2023-09-29 13:41:58 -04:00 • committed by GitHub
parent 3e73cfb71a
commit 68d6d89a3b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 40 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

18
web/src/lib/utils/context-menu.ts Normal file
View file

@ -0,0 +1,18 @@
export type Align = 'middle' | 'top-left' | 'top-right';
export const getContextMenuPosition = (event: MouseEvent, align: Align = 'middle') => {
const { x, y, currentTarget, target } = event;
const box = ((currentTarget || target) as HTMLElement)?.getBoundingClientRect();
if (box) {
switch (align) {
case 'middle':
return { x: box.x + box.width / 2, y: box.y + box.height / 2 };
case 'top-left':
return { x: box.x, y: box.y };
case 'top-right':
return { x: box.x + box.width, y: box.y };
}
}
return { x, y };
};