diff options
-rw-r--r-- | css/icons.scss | 10 | ||||
-rw-r--r-- | src/components/LeftSidebar/ConversationsList/Conversation.vue | 10 |
2 files changed, 8 insertions, 12 deletions
diff --git a/css/icons.scss b/css/icons.scss index 0a0a87abb..1310ef88e 100644 --- a/css/icons.scss +++ b/css/icons.scss @@ -104,16 +104,6 @@ } } -.popover.vue-popover-theme.open { - .icon-delete-critical { - @include icon-color('delete', 'actions', $color-error, 1, true); - &:hover, - &:focus { - filter: initial; - } - } -} - // The atwho panel is a direct child of the body, so it is not affected by // .app-Talk rules above. // "forced-white" needs to be included in the class name as the Avatar does 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; } } |