diff options
| author | simonihmig <ihmig@kaliber5.de> | 2017-12-23 03:57:08 +0300 |
|---|---|---|
| committer | simonihmig <ihmig@kaliber5.de> | 2017-12-23 20:29:57 +0300 |
| commit | 9600ab10031b260c16deef891a9d1c13f7ff6b01 (patch) | |
| tree | 6527e5fe92888b75aa824208442216c4a2aa3174 /scss/_tooltip.scss | |
| parent | 5cede314698a382fb9d7fddacce0a990bc2940d9 (diff) | |
Fix tooltip/popover arrow size and position
Diffstat (limited to 'scss/_tooltip.scss')
| -rw-r--r-- | scss/_tooltip.scss | 29 |
1 files changed, 16 insertions, 13 deletions
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index b03139c911..62d3e8a980 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -28,55 +28,58 @@ } &.bs-tooltip-top { - padding: $tooltip-arrow-width 0; + padding: $tooltip-arrow-height 0; .arrow { bottom: 0; } .arrow::before { - margin-left: -$tooltip-arrow-width; + top: 0; content: ""; - border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0; border-top-color: $tooltip-arrow-color; } } &.bs-tooltip-right { - padding: 0 $tooltip-arrow-width; + padding: 0 $tooltip-arrow-height; .arrow { left: 0; + width: $tooltip-arrow-height; + height: $tooltip-arrow-width; } .arrow::before { - margin-top: -$tooltip-arrow-width; + right: 0; content: ""; - border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; + border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0; border-right-color: $tooltip-arrow-color; } } &.bs-tooltip-bottom { - padding: $tooltip-arrow-width 0; + padding: $tooltip-arrow-height 0; .arrow { top: 0; } .arrow::before { - margin-left: -$tooltip-arrow-width; + bottom: 0; content: ""; - border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-bottom-color: $tooltip-arrow-color; } } &.bs-tooltip-left { - padding: 0 $tooltip-arrow-width; + padding: 0 $tooltip-arrow-height; .arrow { right: 0; + width: $tooltip-arrow-height; + height: $tooltip-arrow-width; } .arrow::before { - right: 0; - margin-top: -($tooltip-arrow-width); + left: 0; content: ""; - border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; + border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-left-color: $tooltip-arrow-color; } } |