From 3a974136a3bae9b2fb9a4b7b8b17882e131ff262 Mon Sep 17 00:00:00 2001
From: YJDave <yashashvidave@gmail.com>
Date: Sat, 7 Oct 2017 11:02:17 +0530
Subject: [PATCH] Tooltip for add organization icon

---
 app/renderer/css/main.css | 2 ++
 app/renderer/js/main.js   | 2 ++
 app/renderer/main.html    | 1 +
 3 files changed, 5 insertions(+)

diff --git a/app/renderer/css/main.css b/app/renderer/css/main.css
index f291c7c0..329d1f05 100644
--- a/app/renderer/css/main.css
+++ b/app/renderer/css/main.css
@@ -273,6 +273,7 @@ webview:focus {
     right: 68px;
 }
 
+#add-server-tooltip,
 .server-tooltip {
     font-family: 'arial';
     background: #222c31;
@@ -288,6 +289,7 @@ webview:focus {
     font-size: 14px;
 }
 
+#add-server-tooltip:after,
 .server-tooltip:after {
     content: " ";
     border-top: 8px solid transparent;
diff --git a/app/renderer/js/main.js b/app/renderer/js/main.js
index 2dc6516c..a1b4831f 100644
--- a/app/renderer/js/main.js
+++ b/app/renderer/js/main.js
@@ -21,6 +21,7 @@ class ServerManagerView {
 		this.$settingsButton = $actionsContainer.querySelector('#settings-action');
 		this.$webviewsContainer = document.getElementById('webviews-container');
 
+		this.$addServerTooltip = document.getElementById('add-server-tooltip');
 		this.$reloadTooltip = $actionsContainer.querySelector('#reload-tooltip');
 		this.$settingsTooltip = $actionsContainer.querySelector('#setting-tooltip');
 		this.$serverIconTooltip = document.getElementsByClassName('server-tooltip');
@@ -121,6 +122,7 @@ class ServerManagerView {
 			this.openSettings('General');
 		});
 
+		this.sidebarHoverEvent(this.$addServerButton, this.$addServerTooltip);
 		this.sidebarHoverEvent(this.$settingsButton, this.$settingsTooltip);
 		this.sidebarHoverEvent(this.$reloadButton, this.$reloadTooltip);
 	}
diff --git a/app/renderer/main.html b/app/renderer/main.html
index fe68dbb5..15add895 100644
--- a/app/renderer/main.html
+++ b/app/renderer/main.html
@@ -20,6 +20,7 @@
         <div class="server-tab" id="add-action">
           <i class="material-icons">add</i>
         </div>
+        <span id="add-server-tooltip" style="display:none">Add organization</span>
       </div>
     </div>
     <div id="actions-container">