diff options
author | Greta <gretadoci@gmail.com> | 2022-06-15 18:53:42 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-15 18:53:42 +0300 |
commit | b0ad053b56ecd23e62dcd6b45957f85c125f84fe (patch) | |
tree | a302c890a413a2e6428c8ab5785e8bdf8aa1a5f9 | |
parent | e35e9e0a74947aea220353642469200ae286a361 (diff) | |
parent | 737444ed6bc4459d63eaa0c021f326b6a21add61 (diff) |
Merge pull request #6671 from nextcloud/fix/reply-all-migrate-icons
Migrate reply and reply all icon to material design
-rw-r--r-- | src/components/ThreadEnvelope.vue | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/src/components/ThreadEnvelope.vue b/src/components/ThreadEnvelope.vue index c10ae0cd1..2e10d82bc 100644 --- a/src/components/ThreadEnvelope.vue +++ b/src/components/ThreadEnvelope.vue @@ -72,16 +72,18 @@ </router-link> <div class="right"> <Moment class="timestamp" :timestamp="envelope.dateInt" /> - <button - :class="{ - 'icon-reply-all-white': hasMultipleRecipients, - 'icon-reply-white': !hasMultipleRecipients, - primary: expanded, - }" - class="button" + <Button + :class="{ primary: expanded}" + type="primary" @click="onReply"> + <template #icon> + <ReplyAllIcon v-if="hasMultipleRecipients" + :size="20" /> + <ReplyIcon v-else + :size="20" /> + </template> <span class="action-label"> {{ hasMultipleRecipients ? t('mail', 'Reply all') : t('mail', 'Reply') }}</span> - </button> + </Button> <MenuEnvelope class="app-content-list-item-menu" :envelope="envelope" :with-reply="false" @@ -103,25 +105,32 @@ </div> </template> <script> +import Avatar from './Avatar' +import Button from '@nextcloud/vue/dist/Components/Button' import Error from './Error' +import importantSvg from '../../img/important.svg' import Loading from './Loading' import logger from '../logger' import Message from './Message' import MenuEnvelope from './MenuEnvelope' import Moment from './Moment' -import Avatar from './Avatar' -import importantSvg from '../../img/important.svg' +import ReplyIcon from 'vue-material-design-icons/Reply' +import ReplyAllIcon from 'vue-material-design-icons/ReplyAll' import { buildRecipients as buildReplyRecipients } from '../ReplyBuilder' export default { name: 'ThreadEnvelope', components: { + Avatar, + Button, Error, Loading, MenuEnvelope, Moment, Message, - Avatar, + ReplyIcon, + ReplyAllIcon, + }, props: { envelope: { |