Added tooltip over user image.

grantps · Nov 21, 2013 · 88e019d · 88e019d
1 parent d23adb3
commit 88e019d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "wrms-kanban",
-    "version": "0.6.8",
+    "version": "0.6.9",
     "update_url": "http://foo.wgtn.cat-it.co.nz/wrms-kanban.xml",
     "description": "Generates simple Kanban boards for WRMS ticket groups",
     "icons": {

diff --git a/wrms-kanban.css b/wrms-kanban.css
@@ -12,6 +12,15 @@
   }
 }
 
+.alloc_tooltip {
+  z-index: 2500;
+  padding: 5px;
+  background-color: #333;
+  opacity: 0.8;
+  color: #fff;
+  position: absolute;
+  height: 1em;
+}
 
 #kanban-overlay {
   z-index: 1500;
@@ -98,7 +107,8 @@
 #kanban-overlay h1 {
   text-align: center;
   font-size: 2em;
-  color: #000;
+  color: #fff;
+  text-shadow: 1px 1px 5px #000;
 }
 
 #kanban-overlay > div.section > div {

diff --git a/wrms-kanban.js b/wrms-kanban.js
@@ -206,6 +206,9 @@
                     }));
                 });
             }));
+            $(overlay).append(mk('div', ['alloc_tooltip'], function(tip){
+                $(tip).hide();
+            }));
             $(overlay).hide();
         }));
         $('#kanban-overlay ul').sortable({
@@ -369,7 +372,12 @@
                             .css('background-repeat', 'no-repeat')
                             .css('background-size', 'contain');
                         $(s).hover(
-                            function(){
+                            function(ev){
+                                $('div.alloc_tooltip')
+                                    .text(u)
+                                    .css('top', ev.pageY - 30)
+                                    .css('left', ev.pageX + 10)
+                                    .show();
                                 $('span.alloc.bright').removeClass('bright');
                                 $('li.dimmed').removeClass('dimmed');
                                 $('#kanban-overlay li').each(function(){
@@ -384,6 +392,7 @@
                                 });
                             },
                             function(){
+                                $('.alloc_tooltip').hide();
                                 $('span.alloc.bright').removeClass('bright');
                                 $('li.dimmed').removeClass('dimmed');
                             }