summaryrefslogtreecommitdiffstats
path: root/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
diff options
context:
space:
mode:
authorJoas Schilling <coding@schilljs.com>2022-07-13 17:36:23 +0200
committerJoas Schilling <coding@schilljs.com>2022-07-13 17:41:30 +0200
commitbb40af310831bca4477270a3e3cdc86b2d04fb48 (patch)
tree2a30f56e94575127b7973603bf6b5cde47ea687d /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
parent52fd57e1a0edbab389161eb510b272ad81b22dc0 (diff)
Since v5.0.0 of the lib, the property decorative has been removed.
This means the "decorative" is added to the span element, causing the HTML validation to fail: > Attribute decorative not allowed on element span at this point. Upstream commit https://github.com/robcresswell/vue-material-design-icons/commit/c65d8ea786ea49210193cb3129c12a68ed6c0baf > This patch also removes the default title, encouraging better > accessibility by removing unhelpful titles that dont indicate usage. The > `decorative` prop has been removed and any icons that do not have a > meaningful title will be hidden from screen readers. 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.vue7
1 files changed, 2 insertions, 5 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index cc8b713ff..383bf3c6a 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -36,9 +36,7 @@
:class="{'playable': isPlayable}">
<span v-if="isPlayable && !smallPreview" class="play-video-button">
<PlayCircleOutline :size="48"
- decorative
- fill-color="#ffffff"
- title="" />
+ fill-color="#ffffff" />
</span>
<img v-if="!failed"
v-tooltip="previewTooltip"
@@ -61,8 +59,7 @@
:aria-label="removeAriaLabel"
@click="$emit('remove-file', id)">
<template #icon>
- <Close decorative
- title="" />
+ <Close />
</template>
</Button>
<ProgressBar v-if="isTemporaryUpload && !isUploadEditor" :value="uploadProgress" />