awesome_tooltip 0.1.4 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '08ba51213ce458cd61b326160031394ca78184c2dea2482567a94a0a406423fd'
-  data.tar.gz: 97472fd0c4aa834656859cbcad07f324620d3688ccc1e14fde0fc344769e7544
+  metadata.gz: ee17f8477a6ae94f8d6f7011f2133cbd58f0a33663f28bc3010792a6e826b735
+  data.tar.gz: f80d0cf419a9d75ff5cf8be288b957d1bf49d9a23f08bdca0e2d9b68a0cf583c
 SHA512:
-  metadata.gz: 9c1ab0739c876e399e5d7afcef7dcbd6a777ac50a0491a2de56075ddf1a37453a3d5bb7c7f69b864cf74eaf932686924061c9ad67551b8477c87e78a6f1822b8
-  data.tar.gz: 9f9029f4913dd27b498427b80c9e508d19dcb73207e2b18ba7ea58417668e8bcf9d789004ebc833dff35512cfcb86e1082a905b5dab6984f959e055d4c48b854
+  metadata.gz: 71bba3c47aa1b1dcd60328d19014feb26d0372324b9ad142eaf5974d228da0e971be35fc44c011b3fdf95aef5103ef2c52ea65beb03b6507682ddf5c76f8085f
+  data.tar.gz: b873d5a38d29cb132daab27187b6a0e20023ba52ac65650342b433c98b678087c0d801db4e3f8cac61eb6307f08efef94d1de24f4608a2deb91b7efb31ab7ea8

data/app/assets/javascripts/awesome_tooltip/tooltip.js

@@ -39,11 +39,10 @@
     var tooltipTriangle = tooltip.querySelector(".content-wrapper .triangle");
     var elementRects    = element.getClientRects()[0];
 
-    var leftEnoughSpace   = tooltip.offsetWidth / 2 < elementRects.left;
+    var leftEnoughSpace   = tooltip.offsetWidth / 2 + element.offsetWidth / 2 < elementRects.left;
     var rightEnoughSpace  = tooltip.offsetWidth / 2  < D.body.offsetWidth - elementRects.right;
-    var bottomEnoughSpace = tooltip.offsetHeight < W.height - elementRects.bottom;
-    var topEnoughSpace    = tooltip.offsetHeight < elementRects.top;
-
+    var bottomEnoughSpace = tooltip.offsetHeight < W.outerHeight - elementRects.bottom;
+    var topEnoughSpace    = tooltip.offsetHeight + tooltipTriangle.offsetHeight < elementRects.top;
 
     if(leftEnoughSpace && rightEnoughSpace && topEnoughSpace && bottomEnoughSpace) {
       tooltip.style.cssText = "left: " + ((elementRects.width / 2) - (tooltip.getClientRects()[0].width / 2)) + "px;";
@@ -72,7 +71,7 @@
 
       if(!leftEnoughSpace || !rightEnoughSpace) {
         if(W.innerWidth / 2 > elementRects.right) {
-          tooltip.style.cssText = "left: " + (elementRects.right - element.offsetWidth) + "px;";
+          tooltip.style.cssText = "left: -" + (elementRects.right - element.offsetWidth) + "px;";
           tooltipTriangle.style.cssText = "left: " + (elementRects.right - element.offsetWidth + tooltipTriangle.offsetWidth + tooltipTriangle.offsetWidth / 2) + "px;";
         } else {
           tooltip.style.cssText = "right: -" + (D.body.offsetWidth - elementRects.right) + "px;";
@@ -85,7 +84,7 @@
   function display(element, tooltipTriangle, location) {
     var tooltip = element.querySelector(".awesome-tooltip");
 
-    toggleLocation(element, location);
+    toggleLocation(tooltip, location);
     tooltip.style.cssText = "left: " + ((element.getClientRects()[0].width / 2) - (tooltip.getClientRects()[0].width / 2)) + "px;";
     tooltipTriangle.style.cssText = "left: calc(50% - " + (tooltipTriangle.offsetWidth / 2) + "px);";
   }

data/app/assets/stylesheets/awesome_tooltip/tooltip.scss

@@ -1,5 +1,6 @@
 .awesome-tooltip-wrapper {
   position: relative;
+  display: inline-block;
 
   .awesome-tooltip {
     position: absolute;
@@ -10,7 +11,7 @@
     }
 
     &.top {
-      bottom: calc(100% + 15px);
+      bottom: calc(100% + 10px);
 
       .content-wrapper .triangle {
         border-left: 10px solid transparent;
@@ -21,7 +22,7 @@
     }
 
     &.bottom {
-      top: calc(100% + 15px);
+      top: calc(100% + 10px);
 
       .content-wrapper .triangle {
         border-left: 10px solid transparent;
@@ -32,7 +33,7 @@
     }
 
     &.left {
-      right: calc(100% + 15px);
+      right: calc(100% + 10px);
 
       .content-wrapper .triangle {
         border-bottom: 10px solid transparent;
@@ -43,7 +44,7 @@
     }
 
     &.right {
-      left: calc(100% + 15px);
+      left: calc(100% + 10px);
 
       .content-wrapper .triangle {
         border-bottom: 10px solid transparent;

data/lib/awesome_tooltip/version.rb

@@ -1,3 +1,3 @@
 module AwesomeTooltip
-  VERSION = '0.1.4'
+  VERSION = '0.1.10'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: awesome_tooltip
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.10
 platform: ruby
 authors:
 - Busko Bogdan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-02-19 00:00:00.000000000 Z
+date: 2020-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails