1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 23:59:53 +02:00

Fix arrow for tooltip and popover

This commit is contained in:
Johann-S
2017-04-08 21:13:15 +02:00
parent b40b1bc396
commit d8996a7e0a
5 changed files with 73 additions and 110 deletions

View File

@@ -13,12 +13,11 @@
&.show { opacity: $tooltip-opacity; }
&.tooltip-top,
&.bs-tether-element-attached-bottom {
&.bs-tooltip-top {
padding: $tooltip-arrow-width 0;
margin-top: -$tooltip-margin;
.tooltip-inner::before {
.arrow::before {
bottom: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
@@ -27,12 +26,11 @@
border-top-color: $tooltip-arrow-color;
}
}
&.tooltip-right,
&.bs-tether-element-attached-left {
&.bs-tooltip-right {
padding: 0 $tooltip-arrow-width;
margin-left: $tooltip-margin;
.tooltip-inner::before {
.arrow::before {
top: 50%;
left: 0;
margin-top: -$tooltip-arrow-width;
@@ -41,12 +39,11 @@
border-right-color: $tooltip-arrow-color;
}
}
&.tooltip-bottom,
&.bs-tether-element-attached-top {
&.bs-tooltip-bottom {
padding: $tooltip-arrow-width 0;
margin-top: $tooltip-margin;
.tooltip-inner::before {
.arrow::before {
top: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
@@ -55,12 +52,11 @@
border-bottom-color: $tooltip-arrow-color;
}
}
&.tooltip-left,
&.bs-tether-element-attached-right {
&.bs-tooltip-left {
padding: 0 $tooltip-arrow-width;
margin-left: -$tooltip-margin;
.tooltip-inner::before {
.arrow::before {
top: 50%;
right: 0;
margin-top: -$tooltip-arrow-width;
@@ -80,7 +76,7 @@
background-color: $tooltip-bg;
@include border-radius($border-radius);
&::before {
.arrow::before {
position: absolute;
width: 0;
height: 0;