diff options
| author | Joas Schilling <coding@schilljs.com> | 2022-01-24 09:01:59 +0100 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2022-01-24 09:01:59 +0100 |
| commit | b06c7f24886e6773219aa60d93e27ee1bb9f59d8 (patch) | |
| tree | 0a6334e724d27ce489957e28012b52ca621c7aee /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | |
| parent | 94b412c047d6b1895701df9241235091c81d2d64 (diff) | |
Fix eslint
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue')
| -rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | 24 |
1 files changed, 8 insertions, 16 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue index 36ac7ebda..fce3ea866 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue @@ -22,48 +22,40 @@ --> <template> - <file-preview - v-bind="filePreview" + <file-preview v-bind="filePreview" :tabindex="wrapperTabIndex" class="file-preview" :class="{ 'file-preview--viewer-available': isViewerAvailable, 'file-preview--upload-editor': isUploadEditor }" @click.exact="handleClick" @keydown.enter="handleClick"> - <div - v-if="!isLoading" + <div v-if="!isLoading" class="image-container" :class="{'playable': isPlayable}"> <span v-if="isPlayable && !smallPreview" class="play-video-button"> - <PlayCircleOutline - :size="48" + <PlayCircleOutline :size="48" decorative fill-color="#ffffff" title="" /> </span> - <img - v-if="!failed" + <img v-if="!failed" v-tooltip="previewTooltip" :class="previewImageClass" class="file-preview__image" alt="" :src="previewUrl"> - <img - v-else + <img v-else :class="previewImageClass" alt="" :src="defaultIconUrl"> </div> - <span - v-if="isLoading" + <span v-if="isLoading" v-tooltip="previewTooltip" class="preview loading" /> - <button - v-if="isUploadEditor" + <button v-if="isUploadEditor" tabindex="1" :aria-label="removeAriaLabel" class="remove-file primary"> - <Close - class="remove-file__icon" + <Close class="remove-file__icon" decorative title="" @click="$emit('remove-file', id)" /> |