diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 16:06:15 +0200 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2024-07-12 13:49:31 +0000 |
| commit | f3bb0ff5614fe00ac93e5224470d517179104be3 (patch) | |
| tree | fe482b847bd36578f39711a798983558f7231788 | |
| parent | 4af4239eb198b07a0ec58d365baae9065c12b447 (diff) | |
fix(RightSidebar): use old icon on older versionbackport/12610/stable28
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
[skip ci]
| -rw-r--r-- | src/components/RightSidebar/RightSidebar.vue | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue index be5280b13..b8de5df25 100644 --- a/src/components/RightSidebar/RightSidebar.vue +++ b/src/components/RightSidebar/RightSidebar.vue @@ -30,13 +30,19 @@ @closed="handleClosed" @close="handleClose"> <!-- Use a custom icon when sidebar is used for chat messages during the call --> - <template v-if="isInCall" #toggle-icon> - <MessageText :size="20" /> - <NcCounterBubble v-if="unreadMessagesCounter > 0" - class="chat-button__unread-messages-counter" - :type="hasUnreadMentions ? 'highlighted' : 'outlined'"> - {{ unreadMessagesCounter }} - </NcCounterBubble> + <template #toggle-icon> + <template v-if="isInCall"> + <MessageText :size="20" /> + <NcCounterBubble v-if="unreadMessagesCounter > 0" + class="chat-button__unread-messages-counter" + :type="hasUnreadMentions ? 'highlighted' : 'outlined'"> + {{ unreadMessagesCounter }} + </NcCounterBubble> + </template> + <template v-else> + <!-- Use the old icon on older versions --> + <MenuIcon :size="20" /> + </template> </template> <template #description> <LobbyStatus v-if="canFullModerate && hasLobbyEnabled" :token="token" /> @@ -115,6 +121,7 @@ import CogIcon from 'vue-material-design-icons/Cog.vue' import DotsCircle from 'vue-material-design-icons/DotsCircle.vue' import FolderMultipleImage from 'vue-material-design-icons/FolderMultipleImage.vue' import InformationOutline from 'vue-material-design-icons/InformationOutline.vue' +import MenuIcon from 'vue-material-design-icons/Menu.vue' import Message from 'vue-material-design-icons/Message.vue' import MessageText from 'vue-material-design-icons/MessageText.vue' @@ -159,6 +166,7 @@ export default { InformationOutline, Message, MessageText, + MenuIcon, }, mixins: [ |