]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
projects / thirdparty / bootstrap.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 98574cd)
fixes #13210: clean up tooltip example
authorMark Otto <otto@github.com>
Sun, 8 Jun 2014 17:50:54 +0000 (10:50 -0700)
committerMark Otto <otto@github.com>
Sun, 8 Jun 2014 17:51:32 +0000 (10:51 -0700)
docs/examples/tooltip-viewport/index.html patch | blob | blame | history
docs/examples/tooltip-viewport/tooltip-viewport.css patch | blob | blame | history

diff --git a/docs/examples/tooltip-viewport/index.html b/docs/examples/tooltip-viewport/index.html
index dc0b47310ece67593c531bb665abce60af3ecdd5..ddeb70774a6904f99c93fda14ead7e6e11d5f0ab 100644 (file)
--- a/docs/examples/tooltip-viewport/index.html
+++ b/docs/examples/tooltip-viewport/index.html
@@ -32,21 +32,19 @@
 
   <body>
 
-    <button class="btn 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 tooltip-right" title="This should be shifted down">Shift Down</button>
+    <button class="btn btn-default pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
+    <button class="btn btn-default tooltip-bottom" title="This should be shifted to the right">Shift Right</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 tooltip-right" title="This should be shifted up">Shift Up</button>
+    <button class="btn btn-default tooltip-right btn-bottom" title="This should be shifted up">Shift Up</button>
 
     <div class="container-viewport">
-      <button class="btn 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-bottom" title="This should be shifted to the left">Shift Left</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>
 
 
diff --git a/docs/examples/tooltip-viewport/tooltip-viewport.css b/docs/examples/tooltip-viewport/tooltip-viewport.css
index b9a237cfcff1a261a19e8a131ae4afa90b151ed7..4eff7f68556ca7b83628f82148118a43ddf3a35f 100644 (file)
--- a/docs/examples/tooltip-viewport/tooltip-viewport.css
+++ b/docs/examples/tooltip-viewport/tooltip-viewport.css
@@ -8,18 +8,16 @@ body {
 .tooltip .tooltip-inner {
   min-width: 250px;
   max-width: 500px;
-  min-height: 200px;
-}
-.placeholder {
-  height: 900px;
+  min-height: 100px;
+  text-align: left;
 }
 .container-viewport {
   position: absolute;
-  top: 600px;
-  left: 200px;
-  width: 600px;
-  height: 400px;
-  background: #c00;
+  top: 100px;
+  left: 250px;
+  right: 250px;
+  height: 300px;
+  background-color: #eee;
 }
 .btn-bottom {
   position: absolute;
Mirror of https://github.com/twbs/bootstrap.git