diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 17:44:53 +0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-28 17:44:53 +0500 |
| commit | f356c048fa8129ebeba88f3128a664d3c4def6a5 (patch) | |
| tree | 5cc360115ad2e5e2f7d55c609e5aa90867182100 | |
| parent | 627e68b222819f0467b21c8ef2129ee4f9e89746 (diff) | |
| parent | 2c700fec2949aaffd0742c6617721852af940679 (diff) | |
Merge pull request #12607 from nextcloud/refactor/sidebar-counter
refactor(sidebar): stop relying on internal classes and rename class
| -rw-r--r-- | src/components/RightSidebar/RightSidebar.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue index 8efc1c03a..e654b10b8 100644 --- a/src/components/RightSidebar/RightSidebar.vue +++ b/src/components/RightSidebar/RightSidebar.vue @@ -20,7 +20,8 @@ <template v-if="isInCall" #toggle-icon> <MessageText :size="20" /> <NcCounterBubble v-if="unreadMessagesCounter > 0" - class="chat-button__unread-messages-counter" + class="chat-button-unread-messages-counter" + :class="{ 'chat-button-unread-messages-counter--highlighted': hasUnreadMentions }" :type="hasUnreadMentions ? 'highlighted' : 'outlined'"> {{ unreadMessagesCounter }} </NcCounterBubble> @@ -484,13 +485,13 @@ export default { height: 100%; } -.chat-button__unread-messages-counter { +.chat-button-unread-messages-counter { position: absolute; bottom: 2px; right: 2px; pointer-events: none; - &.counter-bubble__counter--highlighted { + &.chat-button-unread-messages-counter--highlighted { color: var(--color-primary-text); } } |