diff options
| author | Greta <gretadoci@gmail.com> | 2022-06-21 16:37:53 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-21 16:37:53 +0300 |
| commit | 247986fc92a24e6f68860b003e124c898f2a4e4c (patch) | |
| tree | 97bda874a0bf301584d6b7d57cfe2bc7375cbfea | |
| parent | a881989cd45886f0fe7aa9c08eed141b5338f4d5 (diff) | |
| parent | 9f884504a3062b735851cbf3d32f34d131aa00c1 (diff) | |
Merge pull request #6754 from nextcloud/fix/opacity-left-sidebar
Change the opacity of left sidebar icons to fit the rest of the icons
| -rw-r--r-- | src/components/NavigationMailbox.vue | 44 | ||||
| -rw-r--r-- | src/components/NavigationOutbox.vue | 8 |
2 files changed, 35 insertions, 17 deletions
diff --git a/src/components/NavigationMailbox.vue b/src/components/NavigationMailbox.vue index 6002f2416..4190ce4d1 100644 --- a/src/components/NavigationMailbox.vue +++ b/src/components/NavigationMailbox.vue @@ -37,23 +37,25 @@ :open.sync="showSubMailboxes" @update:menuOpen="onMenuToggle"> <template #icon> - <ImportantIcon v-if="mailbox.isPriorityInbox" - :size="20" /> - <IconInbox - v-else-if="mailbox.specialRole === 'inbox' && !mailbox.isPriorityInbox && filter !=='starred'" - :size="20" /> - <IconFavorite v-else-if="filter === 'starred'" - :size="20" /> - <IconDraft v-else-if="mailbox.specialRole === 'drafts'" - :size="20" /> - <CheckIcon v-else-if="mailbox.specialRole === 'sent'" - :size="20" /> - <IconArchive v-else-if="mailbox.specialRole === 'archive'" - :size="20" /> - <IconDelete v-else-if="mailbox.specialRole === 'trash'" - :size="20" /> - <IconFolder v-else - :size="20" /> + <div class="sidebar-opacity-icon"> + <ImportantIcon v-if="mailbox.isPriorityInbox" + :size="20" /> + <IconInbox + v-else-if="mailbox.specialRole === 'inbox' && !mailbox.isPriorityInbox && filter !=='starred'" + :size="20" /> + <IconFavorite v-else-if="filter === 'starred'" + :size="20" /> + <IconDraft v-else-if="mailbox.specialRole === 'drafts'" + :size="20" /> + <CheckIcon v-else-if="mailbox.specialRole === 'sent'" + :size="20" /> + <IconArchive v-else-if="mailbox.specialRole === 'archive'" + :size="20" /> + <IconDelete v-else-if="mailbox.specialRole === 'trash'" + :size="20" /> + <IconFolder v-else + :size="20" /> + </div> </template> <!-- actions --> <template slot="actions"> @@ -635,3 +637,11 @@ export default { }, } </script> +<style lang="scss" scoped> +.sidebar-opacity-icon { + opacity: .7; + &:hover { + opacity: 1; + } +} +</style> diff --git a/src/components/NavigationOutbox.vue b/src/components/NavigationOutbox.vue index dc090c4ca..bd47e0693 100644 --- a/src/components/NavigationOutbox.vue +++ b/src/components/NavigationOutbox.vue @@ -28,6 +28,7 @@ :to="to"> <template #icon> <IconOutbox + class="outbox-opacity-icon" :size="20" /> </template> <template #counter> @@ -67,4 +68,11 @@ export default { ::v-deep .counter-bubble__counter { margin-right: 43px; } +.outbox-opacity-icon { + opacity: .7; + + &:hover { + opacity: 1; + } +} </style> |