aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-09-11 23:19:56 -0700
committerMark Otto <[email protected]>2013-09-11 23:19:56 -0700
commit88ae76536d44433e8b6eb3da2adf102c2dd312f9 (patch)
tree213bf76b66a43a3bcdd077752e964545368be432
parentdbcb05880f9dc34a694c0ebc2487f1c1ecb47493 (diff)
parentd8202dd62618d086c3cf334f90ba55379f1fd0b1 (diff)
downloadbootstrap-88ae76536d44433e8b6eb3da2adf102c2dd312f9.tar.xz
bootstrap-88ae76536d44433e8b6eb3da2adf102c2dd312f9.zip
Merge pull request #10573 from gribelu/tooltip-fix
Hardcoded Tooltip arrow positioning
-rw-r--r--less/tooltip.less16
1 files changed, 8 insertions, 8 deletions
diff --git a/less/tooltip.less b/less/tooltip.less
index 5a95b8462..ce793cb93 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -14,10 +14,10 @@
.opacity(0);
&.in { .opacity(.9); }
- &.top { margin-top: -3px; padding: 5px 0; }
- &.right { margin-left: 3px; padding: 0 5px; }
- &.bottom { margin-top: 3px; padding: 5px 0; }
- &.left { margin-left: -3px; padding: 0 5px; }
+ &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
+ &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
+ &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
+ &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
}
// Wrapper for the tooltip content
@@ -49,13 +49,13 @@
}
&.top-left .tooltip-arrow {
bottom: 0;
- left: 5px;
+ left: @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: 5px;
+ right: @tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
@@ -82,13 +82,13 @@
}
&.bottom-left .tooltip-arrow {
top: 0;
- left: 5px;
+ left: @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: 5px;
+ right: @tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}