Alt for smaller links and fix on element destroy

Braulio Bhavamitra
1 parent 3f7b959c
Showing 2 changed files with 32 additions and 34 deletions Show diff stats
public/javascripts/application.js
public/stylesheets/application.css
@@ -742,8 +742,8 @@ $.fn.hint = function (blurClass) {
 var altBeautify = jQuery('<div id="alt-beautify" style="display:none; position: absolute"/>')
   .append('<div class="alt-beautify-content"/>')
-  .append('<div class="alt-beautify-arrow-border"/>')
-  .append('<div class="alt-beautify-arrow"/>');
+  .append('<div class="alt-beautify-arrow-border alt-beautify-arrow"/>')
+  .append('<div class="alt-beautify-arrow-inner alt-beautify-arrow"/>');
 var altTarget;
 jQuery(document).ready(function () {
   jQuery('body').append(altBeautify);
@@ -758,6 +758,11 @@ function altTimeout() {
   altBeautify.show();
 }
+function altHide() {
+  altTarget = null;
+  altBeautify.hide();
+}
+
 jQuery('a[title]').live('mouseover', function (e) {
   alt = jQuery(this).attr('title');
   if (alt != '') {
@@ -766,12 +771,10 @@ jQuery(&#39;a[title]&#39;).live(&#39;mouseover&#39;, function (e) {
   }
   altTarget = this;
-  setTimeout("altTimeout()", 300);
-});
-jQuery('a[title]').live('mouseout', function (e) {
-  altTarget = null;
-  altBeautify.hide();
+  setTimeout("altTimeout()", 500);
 });
+jQuery('a[title]').live('mouseout', altHide);
+jQuery('a[title]').live('click', altHide);
 function facet_options_toggle(id, url) {
@@ -5164,42 +5164,37 @@ h1.page-title.no-boxes small {
 }
 #alt-beautify {
-  background-color:#EDEDED;
-  border:1px solid #666666;
-  margin:10px auto;
-  padding:5px;
-  position:relative;
+  background-color: #EDEDED;
+  border: 1px solid #666666;
+  margin: 10px auto;
+  padding: 5px;
+  position: relative;
   z-index: 99999;
-  -moz-border-radius:5px;
-  -o-border-radius:5px;
-  -webkit-border-radius:5px;
-  -khtml-border-radius:5px;
-  border-radius:5px;
+  border-radius: 5px;
+  box-shadow: 2px 2px 5px #555555;
+  -moz-border-radius: 5px;
+  -o-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
   -moz-box-shadow: 2px 2px 5px #555555;
   -webkit-box-shadow: 2px 2px 5px #555555;
-  box-shadow: 2px 2px 5px #555555;
 }
-.alt-beautify-arrow-border {
-  border-color: transparent transparent #666666 transparent;
+.alt-beautify-arrow {
   border-style: solid;
   border-width: 6px;
-  height:0;
-  width:0;
-  position:absolute;
-  top:-13px;
-  left:20px;
+  height: 0;
+  width: 0;
+  position: absolute;
+  left: 6px;
 }
-
-.alt-beautify-arrow {
+.alt-beautify-arrow-border {
+  border-color: transparent transparent #666666 transparent;
+  top: -13px;
+}
+.alt-beautify-arrow-inner {
   border-color: transparent transparent #EDEDED transparent;
-  border-style: solid;
-  border-width: 6px;
-  height:0;
-  width:0;
-  position:absolute;
-  top:-12px;
-  left:20px;
+  top: -12px;
 }
 /* AutoComplete*/