diff options
Diffstat (limited to 'apps/files/src/views/ReferenceFileWidget.vue')
| -rw-r--r-- | apps/files/src/views/ReferenceFileWidget.vue | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/apps/files/src/views/ReferenceFileWidget.vue b/apps/files/src/views/ReferenceFileWidget.vue index 3ceeb91c99b..21a942154fc 100644 --- a/apps/files/src/views/ReferenceFileWidget.vue +++ b/apps/files/src/views/ReferenceFileWidget.vue @@ -37,8 +37,8 @@ <!-- Live preview if a handler is available --> <component :is="viewerHandler.component" - v-else-if="viewerHandler && !failedViewer" - :active="false" + v-else-if="interactive && viewerHandler && !failedViewer" + :active="false /* prevent video from autoplaying */" :can-swipe="false" :can-zoom="false" :is-embedded="true" @@ -46,7 +46,7 @@ :file-list="[viewerFile]" :is-full-screen="false" :is-sidebar-shown="false" - class="widget-file widget-file--preview" + class="widget-file widget-file--interactive" @error="failedViewer = true" /> <!-- The file is accessible --> @@ -307,5 +307,12 @@ export default defineComponent({ &--link { color: var(--color-text-maxcontrast); } + + &--interactive { + position: relative; + height: 400px; + max-height: 50vh; + margin: 0; + } } </style> |