From e621e1e50f70299d5f94139b8c28ae5365e12962 Mon Sep 17 00:00:00 2001
From: Richard Lewis <richrd.lewis@gmail.com>
Date: Sat, 4 Jan 2020 18:16:13 +0000
Subject: [PATCH] Allow dismissing unread marker.

---
 client/components/MessageList.vue | 7 ++++++-
 client/css/style.css              | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index a555b247..332203bc 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -29,7 +29,9 @@
 					:key="message.id + '-unread'"
 					class="unread-marker"
 				>
-					<span class="unread-marker-text" />
+					<span class="tooltipped tooltipped-n" aria-label="Dismiss">
+						<span class="unread-marker-text" @click="clearUnreadMarker" />
+					</span>
 				</div>
 
 				<MessageCondensed
@@ -333,6 +335,9 @@ export default {
 			const el = this.$refs.chat;
 			el.scrollTop = el.scrollHeight;
 		},
+		clearUnreadMarker() {
+			this.channel.firstUnread = this.channel.messages[this.channel.messages.length - 1].id;
+		},
 	},
 };
 </script>
diff --git a/client/css/style.css b/client/css/style.css
index 85d92b94..b2018b43 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1244,6 +1244,10 @@ textarea.input {
 	border-top: 1px solid var(--unread-marker-color);
 }
 
+#chat .unread-marker-text {
+	cursor: pointer;
+}
+
 #chat .unread-marker-text::before {
 	content: "New messages";
 	background-color: var(--window-bg-color);