From 8057c416fb1233d79fc341e4ed0f4a4c604c10ca Mon Sep 17 00:00:00 2001
From: Max Leiter <mleiter18@priorypanther.com>
Date: Mon, 18 Dec 2017 18:05:22 -0800
Subject: [PATCH] Add tooltip to close channel/leave query button on sidebar

---
 client/css/style.css  | 7 +++++++
 client/views/chan.tpl | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/css/style.css b/client/css/style.css
index 054fffa0..9a76d48d 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -628,6 +628,11 @@ kbd {
 	color: #49505a;
 }
 
+#sidebar .close-tooltip {
+	float: right;
+}
+
+#sidebar .leave,
 #sidebar .close {
 	width: 18px;
 	height: 18px;
@@ -635,6 +640,7 @@ kbd {
 	transition: opacity 0.2s, background-color 0.2s;
 }
 
+#sidebar .leave::before,
 #sidebar .close::before {
 	font-size: 20px;
 	font-weight: normal;
@@ -677,6 +683,7 @@ kbd {
 	display: unset;
 }
 
+#sidebar .chan.active .leave:hover,
 #sidebar .chan.active .close:hover {
 	opacity: 1;
 }
diff --git a/client/views/chan.tpl b/client/views/chan.tpl
index c84608a6..8c3be491 100644
--- a/client/views/chan.tpl
+++ b/client/views/chan.tpl
@@ -6,7 +6,11 @@
 		</span>
 	{{/equal}}
 	<span class="badge{{#if highlight}} highlight{{/if}}">{{#if unread}}{{roundBadgeNumber unread}}{{/if}}</span>
-	{{#notEqual type "lobby"}}<button class="close" aria-label="Close"></button>{{/notEqual}}
+	{{#notEqual type "lobby"}}
+		<span class="close-tooltip tooltipped tooltipped-w" aria-label="Close">
+			<button class="close" aria-label="Close"></button>
+		</span>
+	{{/notEqual}}
 	<span class="name" title="{{name}}">{{name}}</span>
 </div>
 {{#equal type "lobby"}}