From 2270a88e9309fe69f14ca1be663450519809d2bd Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Tue, 22 Oct 2019 13:05:02 -0400
Subject: [PATCH] feat: Taskbar icon colour change + visibility icon

For composers, the taskbar icon will now reflect the colour and
icon for the category you are posting in.

For chats, a proper chat icon is used.

In both, an "active" modal/composer will show a little eye icon
showing that it is active.
---
 less/modules/taskbar.less | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/less/modules/taskbar.less b/less/modules/taskbar.less
index 1cb8ded..9571cfa 100644
--- a/less/modules/taskbar.less
+++ b/less/modules/taskbar.less
@@ -50,6 +50,21 @@
 				animation-fill-mode: both;
 			}
 
+			&.active a {
+				&::after {
+					content: '\f06e';
+					font-family: "FontAwesome";
+					font-size: .75em;
+					background: black;
+					border-radius: 50%;
+					padding: 0.5em;
+					color: white;
+					position: relative;
+					top: -100%;
+					right: -100%;
+				}
+			}
+
 			a {
 				padding: 3px 15px;
 				font-size: 13px;
@@ -87,21 +102,14 @@
 
 			&.taskbar-composer {
 				a, a:hover, a:focus, a:active {
-					background: #f44336;
+					background-color: #f44336;
+					background-size: cover;
 				}
 			}
 
 			&.taskbar-chat {
 				a, a:hover, a:focus, a:active {
-					.user-icon-style(50px, 2.4rem, 50%) !important;
-					padding: 0;
-					color: white;
 					background: @brand-primary;
-					background-size: cover;
-
-					i {
-						color: @gray;
-					}
 				}
 
 				&.new:after {