diff options
author | Christoph Wurst <ChristophWurst@users.noreply.github.com> | 2022-09-08 17:59:44 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-08 17:59:44 +0300 |
commit | 4c16eb0bdbd80c9163c8d4f4f45fd664035cd457 (patch) | |
tree | 9eb04894e18a550c4c22871e00ecf528667df9a4 | |
parent | deee5b063342c40e5ee7550fc706b10140873005 (diff) | |
parent | 22da65c4aaffb7a4cbb08bde473d427e6def30ab (diff) |
Merge pull request #7163 from nextcloud/enhancement/large-primary-action-icons
Make primary action icons bigger
-rw-r--r-- | src/components/Envelope.vue | 15 | ||||
-rw-r--r-- | src/components/EnvelopePrimaryActions.vue | 4 |
2 files changed, 14 insertions, 5 deletions
diff --git a/src/components/Envelope.vue b/src/components/Envelope.vue index b6a056613..5ec9e51e5 100644 --- a/src/components/Envelope.vue +++ b/src/components/Envelope.vue @@ -84,9 +84,9 @@ @click.prevent="onToggleFlagged"> <template #icon> <StarOutline v-if="showFavoriteIconVariant" - :size="20" /> + :size="24" /> <Star v-else - :size="20" /> + :size="24" /> </template> {{ data.flags.flagged ? t('mail', 'Unfavorite') : t('mail', 'Favorite') @@ -98,9 +98,9 @@ @click.prevent="onToggleSeen"> <template #icon> <EmailUnread v-if="showImportantIconVariant" - :size="20" /> + :size="24" /> <EmailRead v-else - :size="20" /> + :size="24" /> </template> {{ data.flags.seen ? t('mail', 'Unread') : t('mail', 'Read') @@ -112,7 +112,7 @@ @click.prevent="onToggleImportant"> <template #icon> <ImportantIcon - :size="20" /> + :size="24" /> </template> {{ isImportant ? t('mail', 'Unimportant') : t('mail', 'Important') @@ -687,6 +687,11 @@ list-item-style.draft .app-content-list-item-line-two { padding-right: 7px; } } +::v-deep .action--primary { + .material-design-icon { + margin-bottom: -14px; + } +} ::v-deep .list-item__extra { margin-left: 41px !important; } diff --git a/src/components/EnvelopePrimaryActions.vue b/src/components/EnvelopePrimaryActions.vue index a8d811120..907c1e862 100644 --- a/src/components/EnvelopePrimaryActions.vue +++ b/src/components/EnvelopePrimaryActions.vue @@ -28,6 +28,10 @@ export default { align-items: center; flex-direction: column; padding: 10px 10px 0 10px; + + .material-design-icon { + margin-bottom: -15px; + } } .list-item-content__actions--primary .action--primary .action-button__text, |