Skip to content
Permalink
Browse files
Add lil tooltip show delay to prevent them from flickering on quick m…
…ouse movement. Also change way no-animate works.
  • Loading branch information
chinchang committed May 17, 2014
1 parent b1a7057 commit f7d3eb4f6547d08a77cdc6b2cd31c41b3544a15b
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 1 deletion.
@@ -31,6 +31,7 @@
pointer-events: none;

@include vendor('transition', 0.3s ease);
@include vendor('transition-delay', $hideDelay);
}

&:hover:before, &:hover:after,
@@ -39,6 +40,11 @@
opacity: 1;
}

&:hover:before, &:hover:after {
// $showDelay will apply as soon as element is hovered.
@include vendor('transition-delay', $showDelay);
}

/**
* tooltip arrow
*/
@@ -12,7 +12,7 @@
// Remove animation from tooltips.
.#{$prefix}no-animate {
&:before, &:after {
@include vendor('transition', none);
@include vendor('transition-duration', 0ms);
}
}

@@ -27,6 +27,12 @@ $textShadowDarkenAmount: 25% !default;
// transition distance
$transitionDistance: 8px !default;

// Delay in showing the tooltips.
$showDelay: 100ms !default;

// Delay in hiding the tooltips.
$hideDelay: 0ms !default;

// z-index for tooltips
$zIndex: 1000000 !default;

0 comments on commit f7d3eb4

Please sign in to comment.