Fix #14936: Use correct left/right and margin on tooltip arrows

87edaf29 · Julian Thilo · 4102a67f · 87edaf29
Commit 87edaf29 authored Oct 30, 2014 by Julian Thilo
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 4 deletions

less/tooltip.less less/tooltip.less +8 -4

No files found.
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -49,13 +49,15 @@
  }
  &.top-left .tooltip-arrow {
    bottom: 0;
-    left: @tooltip-arrow-width;
+    right: @tooltip-arrow-width;
+    margin-bottom: -@tooltip-arrow-width;
    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
    border-top-color: @tooltip-arrow-color;
  }
  &.top-right .tooltip-arrow {
    bottom: 0;
-    right: @tooltip-arrow-width;
+    left: @tooltip-arrow-width;
+    margin-bottom: -@tooltip-arrow-width;
    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
    border-top-color: @tooltip-arrow-color;
  }
@@ -82,13 +84,15 @@
  }
  &.bottom-left .tooltip-arrow {
    top: 0;
-    left: @tooltip-arrow-width;
+    right: @tooltip-arrow-width;
+    margin-top: -@tooltip-arrow-width;
    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
    border-bottom-color: @tooltip-arrow-color;
  }
  &.bottom-right .tooltip-arrow {
    top: 0;
-    right: @tooltip-arrow-width;
+    left: @tooltip-arrow-width;
+    margin-top: -@tooltip-arrow-width;
    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
    border-bottom-color: @tooltip-arrow-color;
  }