diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2023-12-27 16:26:13 +0100 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2024-01-03 08:35:07 +0100 |
| commit | dd0fb2e76b109caa1107bc78cc2a1f03ddef5865 (patch) | |
| tree | 869b71e2deaa133b3637b486f691d056d05c430e /apps/files/src/components/FileEntry.vue | |
| parent | 89ee85938e2c66e8d1c20f57fa754b72509e524f (diff) | |
| download | nextcloud-server-dd0fb2e76b109caa1107bc78cc2a1f03ddef5865.tar.gz nextcloud-server-dd0fb2e76b109caa1107bc78cc2a1f03ddef5865.zip | |
fix(files): open menu on right click position
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files/src/components/FileEntry.vue')
| -rw-r--r-- | apps/files/src/components/FileEntry.vue | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue index 3ed8b0a5d4b..a6ca70d2800 100644 --- a/apps/files/src/components/FileEntry.vue +++ b/apps/files/src/components/FileEntry.vue @@ -353,6 +353,15 @@ export default defineComponent({ return this.actionsMenuStore.opened === this.uniqueId }, set(opened) { + // Only reset when opening a new menu + if (opened) { + // Reset any right click position override on close + // Wait for css animation to be done + const root = this.$root.$el as HTMLElement + root.style.removeProperty('--mouse-pos-x') + root.style.removeProperty('--mouse-pos-y') + } + this.actionsMenuStore.opened = opened ? this.uniqueId : null }, }, @@ -390,6 +399,13 @@ export default defineComponent({ return } + const root = this.$root.$el as HTMLElement + const contentRect = root.getBoundingClientRect() + // Using Math.min/max to prevent the menu from going out of the AppContent + // 200 = max width of the menu + root.style.setProperty('--mouse-pos-x', Math.max(contentRect.left, Math.min(event.clientX, event.clientX - 200)) + 'px') + root.style.setProperty('--mouse-pos-y', Math.max(contentRect.top, event.clientY - contentRect.top) + 'px') + // If the clicked row is in the selection, open global menu const isMoreThanOneSelected = this.selectedFiles.length > 1 this.actionsMenuStore.opened = this.isSelected && isMoreThanOneSelected ? 'global' : this.uniqueId |