Skip to content
GitLab
Commit 5fd8ca90 authored by Mark Otto's avatar Mark Otto
Browse files

fixes #13210: clean up tooltip example

parent 98574cd0
Hide whitespace changes
Inline Side-by-side
Showing
with 15 additions and 19 deletions
+15 -19
docs/examples/tooltip-viewport/index.html
+ 8
- 10
View file @ 5fd8ca90
...@@ -32,21 +32,19 @@ ...@@ -32,21 +32,19 @@
<body> <body>
<button class="btn pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button> <button class="btn btn-default pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
<button class="btn tooltip-bottom" title="This should be shifted to the right">Shift Right</button> <button class="btn btn-default tooltip-bottom" title="This should be shifted to the right">Shift Right</button>
<button class="btn tooltip-right" title="This should be shifted down">Shift Down</button> <button class="btn btn-default tooltip-right" title="This should be shifted down">Shift Down</button>
<div class="placeholder">There is a button down there ↓</div> <button class="btn btn-default tooltip-right btn-bottom" title="This should be shifted up">Shift Up</button>
<button class="btn tooltip-right" title="This should be shifted up">Shift Up</button>
<div class="container-viewport"> <div class="container-viewport">
<button class="btn tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button> <button class="btn btn-default tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button>
<button class="btn tooltip-viewport-right" title="This should be shifted down">Shift Down</button> <button class="btn btn-default tooltip-viewport-right" title="This should be shifted down">Shift Down</button>
<button class="btn pull-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button> <button class="btn btn-default pull-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button>
<button class="btn tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button> <button class="btn btn-default tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button>
</div> </div>
......
docs/examples/tooltip-viewport/tooltip-viewport.css
+ 7
- 9
View file @ 5fd8ca90
...@@ -8,18 +8,16 @@ body { ...@@ -8,18 +8,16 @@ body {
.tooltip .tooltip-inner { .tooltip .tooltip-inner {
min-width: 250px; min-width: 250px;
max-width: 500px; max-width: 500px;
min-height: 200px; min-height: 100px;
} text-align: left;
.placeholder {
height: 900px;
} }
.container-viewport { .container-viewport {
position: absolute; position: absolute;
top: 600px; top: 100px;
left: 200px; left: 250px;
width: 600px; right: 250px;
height: 400px; height: 300px;
background: #c00; background-color: #eee;
} }
.btn-bottom { .btn-bottom {
position: absolute; position: absolute;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment