summaryrefslogtreecommitdiffstats
path: root/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
diff options
context:
space:
mode:
authorNikola <nikola.gladovic@nextcloud.com>2022-03-09 15:47:25 +0100
committerNikola <nikola.gladovic@nextcloud.com>2022-03-09 15:47:25 +0100
commitffdafe7a700d8240d47fbf0ed0c2554d7b762ee4 (patch)
tree8095edaf63d35f66c05c8c0bbb2e489e0b98ffda /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
parent98f4fd37265374bb81789bb06f835e5e665e3ce5 (diff)
6927: updated button for file preview
Signed-off-by: Nikola <nikola.gladovic@nextcloud.com>
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue')
-rw-r--r--src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue9
1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 64ce863e8..1ed9fc052 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -51,15 +51,16 @@
<span v-if="isLoading"
v-tooltip="previewTooltip"
class="preview loading" />
- <button v-if="isUploadEditor"
+ <Button v-if="isUploadEditor"
tabindex="1"
+ type="primary"
:aria-label="removeAriaLabel"
- class="remove-file primary">
+ class="remove-file">
<Close class="remove-file__icon"
decorative
title=""
@click="$emit('remove-file', id)" />
- </button>
+ </Button>
<ProgressBar v-if="isTemporaryUpload && !isUploadEditor" :value="uploadProgress" />
<div class="name-container">
<strong v-if="shouldShowFileDetail">{{ fileDetail }}</strong>
@@ -76,6 +77,7 @@ import PlayCircleOutline from 'vue-material-design-icons/PlayCircleOutline'
import { getCapabilities } from '@nextcloud/capabilities'
import { encodePath } from '@nextcloud/paths'
import AudioPlayer from './AudioPlayer'
+import Button from '@nextcloud/vue/dist/Components/Button'
const PREVIEW_TYPE = {
TEMPORARY: 0,
@@ -91,6 +93,7 @@ export default {
ProgressBar,
Close,
PlayCircleOutline,
+ Button,
},
directives: {