diff options
| author | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-09-05 22:12:12 +0300 |
|---|---|---|
| committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-09-08 17:24:10 +0300 |
| commit | 22da65c4aaffb7a4cbb08bde473d427e6def30ab (patch) | |
| tree | a989e6b738e81f863e51c24e6a4a6e2a7d1f42b6 | |
| parent | f5642f8a86b0f59021d381511a80d2083a8b8011 (diff) | |
Make primary action icons bigger
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
| -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, |