- filebrowser contextmenu fix

This commit is contained in:
Čarodej
2021-11-02 10:06:18 +01:00
parent 23602f5e4f
commit 9b2dbe06c7
8 changed files with 80 additions and 47 deletions

View File

@@ -8,11 +8,11 @@
"/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=1d731f1c4a9daecb2a99",
"/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=d00148360f3d89f2791e",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=85c12a7975ded8e2557e",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=bbbd57ba43e4f381946f",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
"/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=90270d0c5aeb5c50dacf",
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=892ef3945a5b63ccd634",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=eee6646a2cd3327e0867",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=f005b83de750bfec241f",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=66048f6dddf596913bbd",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=aa284736dda7647d5c9e",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=6bd4516589f23ec25ae6",
@@ -38,7 +38,7 @@
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
"/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458",
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=1c1e6a30b129a6bf8258",
"/chunks/files.js": "/chunks/files.js?id=dacb4d69f02dd1039c46",
"/chunks/files.js": "/chunks/files.js?id=a4f88b13671ef8b37818",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=d0a2e05e3e243b2e2c4e",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=2f2e1987e91a74932dcb",
"/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js": "/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js?id=4b8864f9265f55f61cf7",
@@ -577,7 +577,7 @@
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=4acbc8f93ca64c3b896f",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3e07bae3987249743b99.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3e07bae3987249743b99.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3e07bae3987249743b99.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3e07bae3987249743b99.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=519ac23ddaae3ad16528",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=d8ecc7af25c633e36fc7",
"/chunks/shared/single-file.3e07bae3987249743b99.hot-update.js": "/chunks/shared/single-file.3e07bae3987249743b99.hot-update.js",
"/chunks/shared/single-file.f6729672ce5f9ec91bba.hot-update.js": "/chunks/shared/single-file.f6729672ce5f9ec91bba.hot-update.js",
"/chunks/shared/single-file.269aae12674c0fa0ba78.hot-update.js": "/chunks/shared/single-file.269aae12674c0fa0ba78.hot-update.js",
@@ -1156,5 +1156,50 @@
"/chunks/platform~chunks/shared.be8c37c0bcd2cb182d75.hot-update.js": "/chunks/platform~chunks/shared.be8c37c0bcd2cb182d75.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f2d9140ce74901ae72ec.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f2d9140ce74901ae72ec.hot-update.js",
"/js/main.7846cf465af4c95d74ad.hot-update.js": "/js/main.7846cf465af4c95d74ad.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c35cf4007c1b55137025.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c35cf4007c1b55137025.hot-update.js"
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c35cf4007c1b55137025.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c35cf4007c1b55137025.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.ea43f8c2d17970ba4259.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.ea43f8c2d17970ba4259.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.e6165cd4b8d8e797fcfd.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.e6165cd4b8d8e797fcfd.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.536a62a952bffadf0cd6.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.536a62a952bffadf0cd6.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.a440534c231730139dc1.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.a440534c231730139dc1.hot-update.js",
"/chunks/files.919b64b00c9037e9cf2c.hot-update.js": "/chunks/files.919b64b00c9037e9cf2c.hot-update.js",
"/chunks/files.ce99f1ce072cdf7f2320.hot-update.js": "/chunks/files.ce99f1ce072cdf7f2320.hot-update.js",
"/chunks/files.e621d1e9974c92d54422.hot-update.js": "/chunks/files.e621d1e9974c92d54422.hot-update.js",
"/chunks/files.73fc55ea51650b456eb9.hot-update.js": "/chunks/files.73fc55ea51650b456eb9.hot-update.js",
"/chunks/files.f6e4899707cc01caa3f2.hot-update.js": "/chunks/files.f6e4899707cc01caa3f2.hot-update.js",
"/chunks/files.9e7bde54231d3db8a23e.hot-update.js": "/chunks/files.9e7bde54231d3db8a23e.hot-update.js",
"/chunks/files.6c031b8af100436340d8.hot-update.js": "/chunks/files.6c031b8af100436340d8.hot-update.js",
"/chunks/files.8feff8b338f821a78127.hot-update.js": "/chunks/files.8feff8b338f821a78127.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c0d51fcf13e6e8c1bcf4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c0d51fcf13e6e8c1bcf4.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ab6ecf16311f7b1f38fb.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ab6ecf16311f7b1f38fb.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9c0b074b9c7c63492dbd.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9c0b074b9c7c63492dbd.hot-update.js",
"/js/main.4d6b0c22974ab0fb1086.hot-update.js": "/js/main.4d6b0c22974ab0fb1086.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f5428a6b7d7e7f00a2aa.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f5428a6b7d7e7f00a2aa.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f2696bbba5bd2ab6e42e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f2696bbba5bd2ab6e42e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.207312d827c4274a8154.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.207312d827c4274a8154.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.29b01400fb877f0fc725.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.29b01400fb877f0fc725.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b4da8133cef275983c3b.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b4da8133cef275983c3b.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.cc857f117f7251540fa0.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.cc857f117f7251540fa0.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.fac2a3063ed9dc8ebb8d.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.fac2a3063ed9dc8ebb8d.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.bd8b2621de4c464e657d.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.bd8b2621de4c464e657d.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.98ca4d08185bc20ab4a4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.98ca4d08185bc20ab4a4.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0248711cfd27102a0b8f.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0248711cfd27102a0b8f.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.92113d3c67e5792f790b.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.92113d3c67e5792f790b.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.92527fcf036390b73bae.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.92527fcf036390b73bae.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0432cadf1f92d7b2a6ca.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0432cadf1f92d7b2a6ca.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9153376ef180b2924a46.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9153376ef180b2924a46.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89592c280186cadffa80.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89592c280186cadffa80.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c78a49fb478bd46ef115.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c78a49fb478bd46ef115.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.391e2d059f2cd30e7a05.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.391e2d059f2cd30e7a05.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.453edfbb3da2621968f3.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.453edfbb3da2621968f3.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.708a425b87dc588396f0.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.708a425b87dc588396f0.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.66e4063c8b6740cae631.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.66e4063c8b6740cae631.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4fd56759e700378fe2f1.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4fd56759e700378fe2f1.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.716deb31b2126da50071.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.716deb31b2126da50071.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4173fc6130b21f6af61b.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4173fc6130b21f6af61b.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.085a2519d9dd7376da32.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.085a2519d9dd7376da32.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.68d29e0049c0894e2e0a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.68d29e0049c0894e2e0a.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.429a9317e1068a4ca919.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.429a9317e1068a4ca919.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7cbeb4df64d14d05a742.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7cbeb4df64d14d05a742.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9322a66e6a4b684d7efa.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9322a66e6a4b684d7efa.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.40e7fa6c551730545b85.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.40e7fa6c551730545b85.hot-update.js"
}

View File

@@ -1,7 +1,7 @@
<template>
<div
v-if="isFullPreview"
class="file-preview z-20"
class="file-preview z-40"
ref="filePreview"
tabindex="-1"
@keydown.esc="closeFilePreview"

View File

@@ -1,15 +1,29 @@
<template>
<div class="navigation-panel" v-if="currentFile">
<div class="name-wrapper">
<x-icon @click="closeFullPreview" size="22" class="icon-close hover-text-theme" />
<!--Close icon-->
<span @click="closeFullPreview" class="p-3 -m-3">
<x-icon size="17" class="icon-close hover-text-theme" />
</span>
<!--Item name-->
<div class="name-count-wrapper">
<p class="title">{{ currentFile.data.attributes.name }}</p>
<span v-if="! fastPreview" class="file-count"> ({{ showingImageIndex + ' ' + $t('pronouns.of') + ' ' + files.length }}) </span>
</div>
<!--Context menu handler-->
<PopoverWrapper>
<span @click.stop="showItemContextMenu" id="fast-preview-menu" class="fast-menu-icon group">
<more-horizontal-icon class="more-icon group-hover-text-theme" size="14" />
<!--Icon-->
<span @click.stop="showItemContextMenu" class="p-3 -m-3">
<div class="py-0.5 px-1.5 align-middle inline-block rounded-md lg:bg-transparent dark:bg-dark-foreground bg-light-background transition-all duration-200">
<more-horizontal-icon size="14" />
</div>
</span>
<!--Desktop context menu-->
<PopoverItem name="file-preview-contextmenu" side="right">
<OptionGroup class="menu-option-group">
<Option @click.native="$renameFileOrFolder(currentFile)" :title="$t('context_menu.rename')" icon="rename" />
@@ -24,10 +38,12 @@
</PopoverWrapper>
</div>
<!--Item metadata-->
<div class="created-at-wrapper">
<p>{{ currentFile.data.attributes.filesize }}, {{ currentFile.data.attributes.created_at }}</p>
</div>
<!--Icon actions-->
<div class="navigation-icons">
<div v-if="isPdf" class="navigation-tool-wrapper">
<ToolbarButton @click.native="decreaseSizeOfPDF" source="zoom-out" :action="$t('pdf_zoom_out')" />
@@ -121,6 +137,7 @@
methods: {
showItemContextMenu() {
if (this.$isMobile()) {
events.$emit('mobile-context-menu:show', this.currentFile)
this.$showMobileMenu('file-menu')
} else {
events.$emit('popover:open', 'file-preview-contextmenu')
@@ -208,7 +225,6 @@
.icon-close {
min-width: 22px;
padding: 1px 4px;
border-radius: 6px;
vertical-align: middle;
cursor: pointer;
@@ -222,35 +238,6 @@
}
}
}
.fast-menu-icon {
height: 24px;
display: flex;
align-items: center;
vertical-align: middle;
padding: 1px 4px;
line-height: 0;
border-radius: 3px;
cursor: pointer;
@include transition(150ms);
svg circle {
@include transition(150ms);
}
&:hover {
background: $light_background;
svg circle {
color: inherit;
}
}
.more-icon {
vertical-align: middle;
cursor: pointer;
}
}
}
.context-menu {
@@ -353,10 +340,6 @@
background-color: $dark_mode_background;
}
}
.fast-menu-icon:hover {
background: $dark_mode_background;
}
}
.name-wrapper {

View File

@@ -193,7 +193,7 @@
// Change item name
events.$on('change:name', item => {
if (this.item.data.id === item.id) this.itemName = item.name
if (this.entry.data.id === item.id) this.itemName = item.name
})
// Autofocus after newly created folder

View File

@@ -171,7 +171,7 @@
// Change item name
events.$on('change:name', item => {
if (this.item.data.id === item.id) this.itemName = item.name
if (this.entry.data.id === item.id) this.itemName = item.name
})
// Autofocus after newly created folder

View File

@@ -1,7 +1,7 @@
<template>
<transition name="popup">
<div
class="popup lg:absolute fixed top-0 left-0 right-0 bottom-0 z-40 overflow-y-auto grid h-full p-10"
class="popup lg:absolute fixed top-0 left-0 right-0 bottom-0 overflow-y-auto grid h-full p-10"
@click.self="closePopup"
v-if="isVisibleWrapper"
>
@@ -61,6 +61,10 @@
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup {
z-index: 41;
}
.popup-wrapper {
box-shadow: $light_mode_popup_shadow;
border-radius: 8px;

View File

@@ -56,7 +56,7 @@
right: 0;
left: 0;
bottom: 0;
z-index: 30;
z-index: 40;
background: $light_mode_vignette;
}

View File

@@ -151,6 +151,7 @@
},
computed: {
...mapGetters([
'fastPreview',
'clipboard',
'config',
'user',