diff options
| author | Mark Otto <[email protected]> | 2013-06-27 20:50:00 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-06-27 20:50:21 -0700 |
| commit | 88ece4fc5902f7dd9582fb4e5956062fe97af84c (patch) | |
| tree | 2645a8ebc418bbd5ed7a4c93e47d5131d3d030a9 | |
| parent | bf3c5e070e2ee74181aa8b2c75f32387827b01c2 (diff) | |
| download | bootstrap-88ece4fc5902f7dd9582fb4e5956062fe97af84c.tar.xz bootstrap-88ece4fc5902f7dd9582fb4e5956062fe97af84c.zip | |
fixes #7961 a bit: adds css for extra tooltip placement options. /cc @fat you just need dat js prolly
| -rw-r--r-- | docs/assets/css/bootstrap.css | 28 | ||||
| -rw-r--r-- | less/tooltip.less | 24 |
2 files changed, 52 insertions, 0 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ec8af9204..bffe638ee 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3668,6 +3668,20 @@ button.close { border-width: 5px 5px 0; } +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.top-right .tooltip-arrow { + right: 5px; + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + .tooltip.right .tooltip-arrow { top: 50%; left: 0; @@ -3692,6 +3706,20 @@ button.close { border-width: 0 5px 5px; } +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + .popover { position: absolute; top: 0; diff --git a/less/tooltip.less b/less/tooltip.less index 9dba6f04f..790eb1cd3 100644 --- a/less/tooltip.less +++ b/less/tooltip.less @@ -47,6 +47,18 @@ border-width: @tooltip-arrow-width @tooltip-arrow-width 0; border-top-color: @tooltip-arrow-color; } + &.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } &.right .tooltip-arrow { top: 50%; left: 0; @@ -68,4 +80,16 @@ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; border-bottom-color: @tooltip-arrow-color; } + &.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } + &.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } } |