Download as
Browse Code »

Commit 2681fa151d0237bbfb4cdc1f8f3fcce0033d2e75

Authored by Braulio Bhavamitra
1 parent 3f7b959c
Exists in master and in 29 other branches add_member_task_reject_details, admin_visible_profile, article-list-template, community_notifications, contact_admin_translation, event_fixes, fix_comments_pagination, fix_rails4_organization_ratings, fix_sign_up_form, follow_step_fix, forum_topic_creation, mirror_block_improvements, multi_env_on_remote_user, new_security, noosfero_spb_ci, organization_ratings_improvements, organization_ratings_link_to_profile_stable-spb-1.3, organization_ratings_translations_fix, profile_api_improvements, ratings_minor_fixes, remote_user_fix, send_email_to_admins, stable-spb-1.3, stable-spb-1.3-fixes, stable-spb-1.4, stable-spb-1.5, suggest_rejected_value, web_steps_improvements, xss_terminate_custom_options

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*/
... ...