From 5c64eaf41e29527957ffc1904dfeffedb36f7132 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Sun, 5 Jan 2020 18:27:34 +0200
Subject: [PATCH] Show an icon for "show in active" messages

---
 client/components/Message.vue |  6 ++++++
 client/css/style.css          | 11 +++++++++++
 2 files changed, 17 insertions(+)

diff --git a/client/components/Message.vue b/client/components/Message.vue
index 12ce0917..757a90b5 100644
--- a/client/components/Message.vue
+++ b/client/components/Message.vue
@@ -58,6 +58,12 @@
 				</template>
 			</span>
 			<span class="content" dir="auto">
+				<span
+					v-if="message.showInActive"
+					aria-label="This message was shown in your active channel"
+					class="msg-shown-in-active tooltipped tooltipped-e"
+					><span></span
+				></span>
 				<ParsedMessage :network="network" :message="message" />
 				<LinkPreview
 					v-for="preview in message.previews"
diff --git a/client/css/style.css b/client/css/style.css
index 85d92b94..b5f427d0 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -309,6 +309,7 @@ p {
 #chat .msg[data-type="action"] .from::before,
 #chat .msg[data-type="plugin"] .from::before,
 #chat .msg[data-type="raw"] .from::before,
+#chat .msg-shown-in-active span::before,
 #chat .toggle-button::after,
 #chat .toggle-content .more-caret::before,
 #chat .scroll-down-arrow::after,
@@ -486,6 +487,16 @@ p {
 	padding: 1px;
 }
 
+#chat .msg-shown-in-active {
+	cursor: help;
+	margin-right: 5px;
+}
+
+#chat .msg-shown-in-active span::before {
+	font-size: 10px;
+	content: "\f06e"; /* https://fontawesome.com/icons/eye?style=solid */
+}
+
 #chat .toggle-button {
 	display: inline-block;
 	transition: opacity 0.2s, transform 0.2s;