Merge pull request #2170 from thelounge/xpaw/optimize-notified

Optimized notification dot state

client/css/style.css

@@ -499,7 +499,7 @@ kbd {
 	transition: opacity 0.2s;
 }
 
-#viewport .lt.notified::after {
+#viewport.notified .lt::after {
 	opacity: 1;
 }
 

client/js/utils.js

@@ -3,6 +3,7 @@
 const $ = require("jquery");
 const escape = require("css.escape");
 const input = $("#input");
+const viewport = $("#viewport");
 
 var serverHash = -1; // eslint-disable-line no-var
 var lastMessageId = -1; // eslint-disable-line no-var
@@ -105,7 +106,7 @@ function toggleNotificationMarkers(newState) {
 	}
 
 	// Toggles a dot on the menu icon when there are unread notifications
-	$("#viewport .lt").toggleClass("notified", newState);
+	viewport.toggleClass("notified", newState);
 }
 
 function confirmExit() {