feat: Disabling editing disables zoom (#19221)

* feat: Disabling editing disables zoom

* Update changeset

* Allow downloading when readonly

---------

Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>
Co-authored-by: ian <licitdev@gmail.com>
This commit is contained in:
Ashish Baravaliya
2023-07-24 07:22:17 -04:00
committed by GitHub
parent ad1207a2f9
commit 50515d6c7e
2 changed files with 17 additions and 10 deletions

View File

@@ -0,0 +1,5 @@
---
'@directus/app': minor
---
Enabled zoom view on readonly image interfaces

View File

@@ -31,7 +31,7 @@
<div class="shadow" />
<div v-if="!disabled" class="actions">
<div class="actions">
<v-button v-tooltip="t('zoom')" icon rounded @click="lightboxActive = true">
<v-icon name="zoom_in" />
</v-button>
@@ -44,15 +44,17 @@
>
<v-icon name="download" />
</v-button>
<v-button v-tooltip="t('edit')" icon rounded @click="editImageDetails = true">
<v-icon name="open_in_new" />
</v-button>
<v-button v-if="updateAllowed" v-tooltip="t('edit_image')" icon rounded @click="editImageEditor = true">
<v-icon name="tune" />
</v-button>
<v-button v-tooltip="t('deselect')" icon rounded @click="deselect">
<v-icon name="close" />
</v-button>
<template v-if="!disabled">
<v-button v-tooltip="t('edit')" icon rounded @click="editImageDetails = true">
<v-icon name="open_in_new" />
</v-button>
<v-button v-if="updateAllowed" v-tooltip="t('edit_image')" icon rounded @click="editImageEditor = true">
<v-icon name="tune" />
</v-button>
<v-button v-tooltip="t('deselect')" icon rounded @click="deselect">
<v-icon name="close" />
</v-button>
</template>
</div>
<div class="info">