diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2022-06-17 15:38:46 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-17 15:38:46 +0300 |
commit | 913fe96494769680f256f82ca6e3c45394017712 (patch) | |
tree | 483676d7617ec1e07095afcb1398710eb22d2caf | |
parent | 21312a039565ad7d09289836fa98d3f158746a67 (diff) | |
parent | 897d2c39d72b94d86566171650b83e7c6defcbd8 (diff) |
Merge pull request #6753 from nextcloud/fix/seen-attached-icon
Migrate subtitle icons to material design
-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> |