diff options
author | Joas Schilling <coding@schilljs.com> | 2022-07-12 13:23:53 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-07-12 13:23:53 +0300 |
commit | 60f5270aa6fcf129caebc616183bb8a04c698d1b (patch) | |
tree | e900e4cecc4e2459b058131df08c6fb74007e1dc /src/components | |
parent | 34ece570864016a294eb41a69e51f6ca4f79f92d (diff) |
Move critical delete action to material design icon
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/LeftSidebar/ConversationsList/Conversation.vue | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/src/components/LeftSidebar/ConversationsList/Conversation.vue b/src/components/LeftSidebar/ConversationsList/Conversation.vue index fe7edbb56..f4eded55e 100644 --- a/src/components/LeftSidebar/ConversationsList/Conversation.vue +++ b/src/components/LeftSidebar/ConversationsList/Conversation.vue @@ -75,9 +75,13 @@ </ActionButton> <ActionButton v-if="canDeleteConversation" :close-after-click="true" - icon="icon-delete-critical" class="critical" @click.prevent.exact="deleteConversation"> + <template #icon> + <Delete decorative + title="" + :size="16" /> + </template> {{ t('spreed', 'Delete conversation') }} </ActionButton> </template> @@ -87,6 +91,7 @@ <script> import { showError, showSuccess } from '@nextcloud/dialogs' import ActionButton from '@nextcloud/vue/dist/Components/ActionButton' +import Delete from 'vue-material-design-icons/Delete' import EyeOutline from 'vue-material-design-icons/EyeOutline' import ConversationIcon from './../../ConversationIcon.vue' import { generateUrl } from '@nextcloud/router' @@ -100,6 +105,7 @@ export default { ActionButton, ListItem, ConversationIcon, + Delete, EyeOutline, }, props: { @@ -371,7 +377,7 @@ export default { } .critical { - ::v-deep .action-button__text { + ::v-deep .action-button { color: var(--color-error) !important; } } |