Fix tooltip margin to be stick at their caller

diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index d67dc4460ac99533f9120c0b8293bfa6cd9e8062..4eaaa1c58f9026cbb7f3c49388c5e0606977ddb1 100644 (file)
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -3,6 +3,7 @@
   position: absolute;
   z-index: $zindex-tooltip;
   display: block;
+  margin: $tooltip-margin;
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
@@ -15,7 +16,6 @@
 
   &.bs-tooltip-top {
     padding: $tooltip-arrow-width 0;
-    margin-top: -$tooltip-margin;
 
     .arrow::before {
       bottom: 0;
@@ -28,7 +28,6 @@
   }
   &.bs-tooltip-right {
     padding: 0 $tooltip-arrow-width;
-    margin-left: $tooltip-margin;
 
     .arrow::before {
       top: 50%;
@@ -41,7 +40,6 @@
   }
   &.bs-tooltip-bottom {
     padding: $tooltip-arrow-width 0;
-    margin-top: $tooltip-margin;
 
     .arrow::before {
       top: 0;
@@ -54,7 +52,6 @@
   }
   &.bs-tooltip-left {
     padding: 0 $tooltip-arrow-width;
-    margin-left: -$tooltip-margin;
 
     .arrow::before {
       top: 50%;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index fccee460bfb6dec545a6b10119353942aaeadef5..1bcabdc472fc3486da74f7306f7aaae8869b3f95 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -696,7 +696,7 @@ $tooltip-bg:                  $black !default;
 $tooltip-opacity:             .9 !default;
 $tooltip-padding-y:           3px !default;
 $tooltip-padding-x:           8px !default;
-$tooltip-margin:              3px !default;
+$tooltip-margin:              0 !default;
 
 $tooltip-arrow-width:         5px !default;
 $tooltip-arrow-color:         $tooltip-bg !default;