Download as
Browse Code »

Commit 2681fa151d0237bbfb4cdc1f8f3fcce0033d2e75

Authored by Braulio Bhavamitra
1 parent 3f7b959c
Exists in master and in 28 other branches 1.2+SPB2, 2_split_by_role, add_fields_in_api, api_fixies, api_pagination, api_private_token, api_tasks, article_hit_count, blog_page_bug, checkbox_to_user_can_edit_page, communities_ratings, communities_ratings_moderation, community_ratings_rebase, fix_cloned_article_parent, fix_gallery_image_url, fix_javascript_categories, fix_optional_fields, fix_suggest_article, fix_user_email_validation, highlight_block_fix, notification_plugin, notification_plugin_rebase, script_to_update, split_by_role, stable, temp_ratings, tests, tests_fixies

Alt for smaller links and fix on element destroy

Showing 2 changed files with 32 additions and 34 deletions   Show diff stats
public/javascripts/application.js
  Diff comments   View file @2681fa1
... ... @@ -742,8 +742,8 @@ $.fn.hint = function (blurClass) {
742 742  
743 743 var altBeautify = jQuery('<div id="alt-beautify" style="display:none; position: absolute"/>')
744 744 .append('<div class="alt-beautify-content"/>')
745   - .append('<div class="alt-beautify-arrow-border"/>')
746   - .append('<div class="alt-beautify-arrow"/>');
  745 + .append('<div class="alt-beautify-arrow-border alt-beautify-arrow"/>')
  746 + .append('<div class="alt-beautify-arrow-inner alt-beautify-arrow"/>');
747 747 var altTarget;
748 748 jQuery(document).ready(function () {
749 749 jQuery('body').append(altBeautify);
... ... @@ -758,6 +758,11 @@ function altTimeout() {
758 758 altBeautify.show();
759 759 }
760 760  
  761 +function altHide() {
  762 + altTarget = null;
  763 + altBeautify.hide();
  764 +}
  765 +
761 766 jQuery('a[title]').live('mouseover', function (e) {
762 767 alt = jQuery(this).attr('title');
763 768 if (alt != '') {
... ... @@ -766,12 +771,10 @@ jQuery(&#39;a[title]&#39;).live(&#39;mouseover&#39;, function (e) {
766 771 }
767 772  
768 773 altTarget = this;
769   - setTimeout("altTimeout()", 300);
770   -});
771   -jQuery('a[title]').live('mouseout', function (e) {
772   - altTarget = null;
773   - altBeautify.hide();
  774 + setTimeout("altTimeout()", 500);
774 775 });
  776 +jQuery('a[title]').live('mouseout', altHide);
  777 +jQuery('a[title]').live('click', altHide);
775 778  
776 779  
777 780 function facet_options_toggle(id, url) {
... ...
public/stylesheets/application.css
  Diff comments   View file @2681fa1
... ... @@ -5164,42 +5164,37 @@ h1.page-title.no-boxes small {
5164 5164 }
5165 5165  
5166 5166 #alt-beautify {
5167   - background-color:#EDEDED;
5168   - border:1px solid #666666;
5169   - margin:10px auto;
5170   - padding:5px;
5171   - position:relative;
  5167 + background-color: #EDEDED;
  5168 + border: 1px solid #666666;
  5169 + margin: 10px auto;
  5170 + padding: 5px;
  5171 + position: relative;
5172 5172 z-index: 99999;
5173   - -moz-border-radius:5px;
5174   - -o-border-radius:5px;
5175   - -webkit-border-radius:5px;
5176   - -khtml-border-radius:5px;
5177   - border-radius:5px;
  5173 + border-radius: 5px;
  5174 + box-shadow: 2px 2px 5px #555555;
  5175 + -moz-border-radius: 5px;
  5176 + -o-border-radius: 5px;
  5177 + -webkit-border-radius: 5px;
  5178 + -khtml-border-radius: 5px;
5178 5179 -moz-box-shadow: 2px 2px 5px #555555;
5179 5180 -webkit-box-shadow: 2px 2px 5px #555555;
5180   - box-shadow: 2px 2px 5px #555555;
5181 5181 }
5182 5182  
5183   -.alt-beautify-arrow-border {
5184   - border-color: transparent transparent #666666 transparent;
  5183 +.alt-beautify-arrow {
5185 5184 border-style: solid;
5186 5185 border-width: 6px;
5187   - height:0;
5188   - width:0;
5189   - position:absolute;
5190   - top:-13px;
5191   - left:20px;
  5186 + height: 0;
  5187 + width: 0;
  5188 + position: absolute;
  5189 + left: 6px;
5192 5190 }
5193   -
5194   -.alt-beautify-arrow {
  5191 +.alt-beautify-arrow-border {
  5192 + border-color: transparent transparent #666666 transparent;
  5193 + top: -13px;
  5194 +}
  5195 +.alt-beautify-arrow-inner {
5195 5196 border-color: transparent transparent #EDEDED transparent;
5196   - border-style: solid;
5197   - border-width: 6px;
5198   - height:0;
5199   - width:0;
5200   - position:absolute;
5201   - top:-12px;
5202   - left:20px;
  5197 + top: -12px;
5203 5198 }
5204 5199  
5205 5200 /* AutoComplete*/
... ...