From 2681fa151d0237bbfb4cdc1f8f3fcce0033d2e75 Mon Sep 17 00:00:00 2001
From: Braulio Bhavamitra <brauliobo@gmail.com>
Date: Wed, 21 Sep 2011 10:39:26 -0300
Subject: [PATCH] Alt for smaller links and fix on element destroy

---
 public/javascripts/application.js  | 17 ++++++++++-------
 public/stylesheets/application.css | 49 ++++++++++++++++++++++---------------------------
 2 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index c11f076..e158bd0 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -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('a[title]').live('mouseover', 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) {
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 5d4c392..442bb18 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -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*/
--
libgit2 0.21.2