visiblity:hidden; to display:none;

45kb · 45kb · commit 0511b44f482d · 2015-07-24T15:10:26.000+02:00
diff --git a/index.html b/index.html
@@ -8,18 +8,18 @@
 </head>
 <body class="center-content">
   <div class="separator100"></div>
-
   <div class="col6 offset-left2">
    <div>
     <a class="btn btn-medium bg-info color-white font-bold"
-    tooltip-delay="400"
-    tooltips
+     tooltip-delay="400"
+     tooltips
+     tooltip-scroll="true"
      tooltip-content="Yeo man!"
      tooltip-view="views/index.html"
      tooltip-view-ctrl="Ctrl"
      tooltip-size="small"
      tooltip-side="left"
-     tooltip-title="hey!" >
+     tooltip-title="hey!">
       Small left
     </a>
   </div>
@@ -115,7 +115,9 @@
   <div class="separator100"></div>
   <div style="height:300px; overflow-y:scroll">
     <div style="height:600px;">
-      <a class="btn btn-medium bg-info color-white font-bold" tooltips tooltip-scroll="true" tooltip-content="Yeo man!" tooltip-hide-trigger="click" tooltip-size="medium" tooltip-side="left" title="Title attr"> Scrollable </a>
+      <a class="btn btn-medium bg-info color-white font-bold" tooltips tooltip-scroll="true" tooltip-content="Yeo man!" tooltip-hide-trigger="click" tooltip-size="medium" tooltip-side="left" title="Title attr">
+        Scrollable
+       </a>
     </div>
   </div>
 </div>
diff --git a/src/css/angular-tooltips.css b/src/css/angular-tooltips.css
@@ -5,11 +5,10 @@
   z-index:9;
   padding:0.4% 1%;
   opacity:0;
-  visibility: hidden;
+  display:none;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
-  left: -200%;
   top: 0;
 }
 ._720kb-tooltip-title{
diff --git a/src/js/angular-tooltips.js b/src/js/angular-tooltips.js
@@ -33,7 +33,7 @@
           , positionInterval
           , oldBoundingRect
           , title = attr.tooltipTitle || attr.title || ''
-          , tooltipScroll = attr.tooltipScroll || false
+          , tooltipScroll = attr.tooltipTry || false
           , content = attr.tooltipContent || ''
           , html = attr.tooltipHtml || ''
           , showTriggers = attr.tooltipShowTrigger || 'mouseover'
@@ -106,7 +106,7 @@
 
         $scope.initTooltip = function initTooltip (tooltipSide) {
           if (!$scope.isTooltipEmpty()) {
-            theTooltip.css('visibility', '');
+            theTooltip.css('display', 'initial');
 
             height = thisElement[0].offsetHeight;
             width = thisElement[0].offsetWidth;
@@ -118,7 +118,7 @@
             $scope.parseSpeed();
             $scope.tooltipPositioning(tooltipSide);
           } else {
-            theTooltip.css('visibility', 'hidden');
+            theTooltip.css('display', 'none');
           }
         };
 
@@ -196,7 +196,7 @@
         };
 
         $scope.hideTooltip = function hideTooltip () {
-          theTooltip.css('transition', 'opacity ' + speed + 'ms linear, visibility 0s linear ' + speed + 'ms');
+          theTooltip.css('transition', 'opacity ' + speed + 'ms linear, display 0s linear ' + speed + 'ms');
           theTooltip.removeClass(CSS_PREFIX + 'open');
           $scope.clearTriggers();
           $scope.bindShowTriggers();
