From 363ca365c1903fdc17439991e92701c2e1f9e550 Mon Sep 17 00:00:00 2001
From: Bashar Jabbour <basharjabbour@gmail.cim>
Date: Wed, 26 Nov 2014 15:23:32 -0500
Subject: [PATCH] added tooltip to see topics synapses

---
 app/assets/stylesheets/base.css       | 33 +++++++++++++++++++++++++++
 app/views/layouts/_templates.html.erb |  3 ++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css
index 1b5ac8fc..9965d851 100644
--- a/app/assets/stylesheets/base.css
+++ b/app/assets/stylesheets/base.css
@@ -312,6 +312,39 @@
 .linkItem.synapseCount:hover .synapseCountIcon {
   background-position: 0 -32px;
 }
+
+.CardOnGraph .synapseCount .tip {
+  position: absolute;
+  background: #424242;
+  width: auto;
+  top: 45px;
+  color: white;
+  white-space: nowrap;
+  border-radius: 2px;
+  font-size: 12px !important;
+  font-family: 'din-regular';
+  line-height: 12px;
+  padding: 4px 4px 4px;
+  z-index: 100;
+}
+
+.CardOnGraph .synapseCount:hover .tip {
+  display: block;
+}
+
+.CardOnGraph .synapseCount .tip:before {
+  content: '';
+  position: absolute;
+  margin-top: -8px;
+  margin-left: 6px;
+  width: 0;
+  height: 0;
+  border-bottom: 4px solid #424242;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+}
+
+
 .mapPerm {
   width: 32px;
   height: 32px;
diff --git a/app/views/layouts/_templates.html.erb b/app/views/layouts/_templates.html.erb
index d19aac9c..7cbb6c8d 100644
--- a/app/views/layouts/_templates.html.erb
+++ b/app/views/layouts/_templates.html.erb
@@ -243,9 +243,10 @@
                 <div class="tip"><ul>{{{inmaps}}}</ul></div>                              
             </div>
 
-            <a href="/topics/{{id}}" class="linkItem synapseCount" title="Click to see this topics synapses">
+            <a href="/topics/{{id}}" class="linkItem synapseCount">
               <div class="synapseCountIcon"></div>
               {{synapse_count}}
+              <div class="tip">Click to see this topics synapses</div>
             </a>
             <div class="linkItem mapPerm {{mk_permission}}" title="{{permission}}"></div>
             <div class="clearfloat"></div>