From f8b5983f2c904813c9f9cac6a7575a0d77a12594 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Wed, 27 Feb 2019 02:25:44 -0500
Subject: [PATCH 1/2] Use Vue to show/hide insecure/disconnected icons instead
 of CSS

---
 client/components/NetworkLobby.vue |  2 ++
 client/css/style.css               | 15 ---------------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/client/components/NetworkLobby.vue b/client/components/NetworkLobby.vue
index 318cee9a..fa14575e 100644
--- a/client/components/NetworkLobby.vue
+++ b/client/components/NetworkLobby.vue
@@ -22,12 +22,14 @@
 				class="name"
 			>{{ channel.name }}</span>
 			<span
+				v-if="network.status.connected && !network.status.secure"
 				class="not-secure-tooltip tooltipped tooltipped-w"
 				aria-label="Insecure connection"
 			>
 				<span class="not-secure-icon" />
 			</span>
 			<span
+				v-if="!network.status.connected"
 				class="not-connected-tooltip tooltipped tooltipped-w"
 				aria-label="Disconnected"
 			>
diff --git a/client/css/style.css b/client/css/style.css
index 1ba24095..133c420b 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -661,21 +661,6 @@ background on hover (unless active) */
 	color: #c0f8c3;
 }
 
-#sidebar .not-connected-tooltip,
-#sidebar .not-secure-tooltip {
-	display: none;
-}
-
-#sidebar .not-connected .not-connected-tooltip,
-#sidebar .not-secure .not-secure-tooltip {
-	display: inline-block;
-}
-
-#sidebar .not-connected .not-secure-tooltip {
-	/* Do not display insecure icon if disconnected */
-	display: none;
-}
-
 #sidebar .not-connected-tooltip,
 #sidebar .not-secure-tooltip,
 #sidebar .parted-channel-tooltip {

From f84d764822c7d09a45966f4937d34e70f8a1ce33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Wed, 27 Feb 2019 02:28:52 -0500
Subject: [PATCH 2/2] Fix linting on a violation shipped previously...

---
 client/components/Channel.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/components/Channel.vue b/client/components/Channel.vue
index 2c564378..100ad0e0 100644
--- a/client/components/Channel.vue
+++ b/client/components/Channel.vue
@@ -14,7 +14,8 @@
 			<span
 				v-if="channel.state === 0"
 				class="parted-channel-tooltip tooltipped tooltipped-w"
-				aria-label="Not currently joined">
+				aria-label="Not currently joined"
+			>
 				<span class="parted-channel-icon" />
 			</span>
 			<span