diff options
author | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 12:52:34 +0200 |
---|---|---|
committer | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 12:52:34 +0200 |
commit | 2c700fec2949aaffd0742c6617721852af940679 (patch) | |
tree | ed06200acdfe90808edabe3f024661137784ed3f | |
parent | ef390fef18a10b18099b92b432901ee0de6ab7c5 (diff) |
refactor(sidebar): stop relying on internal classes and rename class
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
-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); } } |