diff options
| author | greta <gretadoci@gmail.com> | 2022-06-16 16:30:52 +0300 |
|---|---|---|
| committer | greta <gretadoci@gmail.com> | 2022-06-17 15:27:24 +0300 |
| commit | 897d2c39d72b94d86566171650b83e7c6defcbd8 (patch) | |
| tree | 17ed1404a2f3d0e624431e3f326172b866ed5771 | |
| parent | 7ad8b9626d1b70ab3c68fa601439d2f6a1b57964 (diff) | |
Migrate subtitle icons to material design
Signed-off-by: greta <gretadoci@gmail.com>
| -rw-r--r-- | src/components/Envelope.vue | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/src/components/Envelope.vue b/src/components/Envelope.vue index 9d44f7317..5b7db6e16 100644 --- a/src/components/Envelope.vue +++ b/src/components/Envelope.vue @@ -50,12 +50,18 @@ </div> </template> <template #subtitle> - <span v-if="data.flags.answered" class="icon-reply" /> - <span v-if="data.flags.hasAttachments === true" class="icon-public icon-attachment" /> - <span v-if="draft" class="draft"> - <em>{{ t('mail', 'Draft: ') }}</em> - </span> - {{ subjectForSubtitle }} + <div class="subtitle"> + <Reply v-if="data.flags.answered" + class="seen-icon-style" + :size="18" /> + <IconAttachment v-if="data.flags.hasAttachments === true" + class="attachment-icon-style" + :size="18" /> + <span v-else-if="draft" class="draft"> + <em>{{ t('mail', 'Draft: ') }}</em> + </span> + {{ subjectForSubtitle }} + </div> </template> <template #actions> <EnvelopePrimaryActions v-if="!moreActionsOpen"> @@ -244,8 +250,10 @@ import MoveModal from './MoveModal' import OpenInNewIcon from 'vue-material-design-icons/OpenInNew' import StarOutline from 'vue-material-design-icons/StarOutline' import Star from 'vue-material-design-icons/Star' +import Reply from 'vue-material-design-icons/Reply' import EmailOutline from 'vue-material-design-icons/EmailOutline' import Email from 'vue-material-design-icons/Email' +import IconAttachment from 'vue-material-design-icons/Paperclip' import ImportantIcon from './icons/ImportantIcon' import PlusIcon from 'vue-material-design-icons/Plus' import TagIcon from 'vue-material-design-icons/Tag' @@ -277,6 +285,8 @@ export default { EmailOutline, Email, ImportantIcon, + IconAttachment, + Reply, }, directives: { draggableEnvelope: DraggableEnvelopeDirective, @@ -680,4 +690,14 @@ list-item-style.draft .app-content-list-item-line-two { height: 16px; width: 16px; } +.subtitle { + display: flex; + gap: 4px; +} +.seen-icon-style { + opacity: .6; +} +.attachment-icon-style { + opacity: .6; +} </style> |