diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss index ba92df1..bb1df52 100644 --- a/src/assets/css/chat.scss +++ b/src/assets/css/chat.scss @@ -77,6 +77,19 @@ body { position: fixed; z-index: 10; } + + .icon-dropdown { + margin: 0px 8px; + } + + .notification-alert { + display: inline-block; + background-color: #ff3300; + width: 8px; + height: 8px; + border-radius: 4px; + margin-bottom: 2px; + } } .room-list-notification-count { diff --git a/src/assets/icons/ic_dropdown.vue b/src/assets/icons/ic_dropdown.vue new file mode 100644 index 0000000..1e2510a --- /dev/null +++ b/src/assets/icons/ic_dropdown.vue @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/src/components/Chat.vue b/src/components/Chat.vue index bf26cf4..1b7472b 100644 --- a/src/components/Chat.vue +++ b/src/components/Chat.vue @@ -528,7 +528,7 @@ export default { if (!this.$config.experimental_voice_mode) return false; return util.useVoiceMode(this.room); }, - } + }, }, watch: { @@ -1316,8 +1316,8 @@ export default { let eventIdLast = null; if (!this.useVoiceMode) { const container = this.chatContainer; - const elFirst = util.getFirstVisibleElement(container); - const elLast = util.getLastVisibleElement(container); + const elFirst = util.getFirstVisibleElement(container, (item) => item.hasAttribute("eventId")); + const elLast = util.getLastVisibleElement(container, (item) => item.hasAttribute("eventId")); if (elFirst && elLast) { eventIdFirst = elFirst.getAttribute("eventId"); eventIdLast = elLast.getAttribute("eventId"); diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue index 8139f42..4d0d703 100644 --- a/src/components/ChatHeader.vue +++ b/src/components/ChatHeader.vue @@ -16,7 +16,8 @@ @click.stop="onHeaderClicked" >