From dcaced7f4f9343a0ae09a42d44368a47e6ad14bd Mon Sep 17 00:00:00 2001 From: Romano Licker Date: Wed, 30 Nov 2011 17:17:12 +0100 Subject: [PATCH] [#741] tooltip in calendar now shows up on focus --- public/javascripts/application.js | 10 ++++++++++ public/stylesheets/application.css | 6 ++++-- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/public/javascripts/application.js b/public/javascripts/application.js index fdf13fa291..904f124ac7 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -634,4 +634,14 @@ jQuery(document).ready(function($) { $('#nav-login-content').click(function(event){ event.stopPropagation(); }); + + jQuery('table.cal div.issue.tooltip').each(function(){ + var div = $(this); + div.find('a').first().focus(function(){ + div.addClass('hover'); + }); + div.find('a').first().blur(function(){ + div.removeClass('hover'); + }); + }); }); diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 2461c21ef1..2d535918ad 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -608,10 +608,12 @@ p.cal.legend span {display:block;} /***** Tooltips ******/ .tooltip{position:relative;z-index:24;} -.tooltip:hover{z-index:25;color:#000;} +.tooltip.hover, .tooltip:hover { + z-index:25;color:#000; +} .tooltip span.tip{display: none; text-align:left;} -div.tooltip:hover span.tip{ +div.tooltip:hover span.tip, div.tooltip.hover span.tip { display:block; position:absolute; top:12px; left:24px; width:270px;