]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
clean up and simplify support for bottom navbar by automagically turning dropdowns...
authorMark Otto <markotto@twitter.com>
Wed, 22 Feb 2012 06:09:51 +0000 (22:09 -0800)
committerMark Otto <markotto@twitter.com>
Wed, 22 Feb 2012 06:09:51 +0000 (22:09 -0800)
docs/assets/bootstrap.zip
docs/assets/css/bootstrap.css
docs/components.html
docs/templates/pages/components.mustache
less/dropdowns.less
less/navbar.less

index dde638c05e103f09748196a5b2747e6a634d0976..91d731edba3ca192e7c200410aa3d8ef1fe1e56a 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
index c9c2ee8919470436a487d3a559e7ca6b4de07e0b..912be887a374fc1c4e9d15a2a9065c530a760f05 100644 (file)
@@ -1867,12 +1867,12 @@ table .span24 {
   left: auto;
   right: 0;
 }
-.dropup .caret {
+.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
   border-top: 0;
   border-bottom: 4px solid #000000;
   content: "\2191";
 }
-.dropup .dropdown-menu {
+.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-bottom: 1px;
@@ -2945,14 +2945,14 @@ button.btn.btn-small, input[type="submit"].btn.btn-small {
   top: -6px;
   left: 10px;
 }
-.navbar .dropdown-menu.bottom-up:before {
+.navbar-fixed-bottom .dropdown-menu:before {
   border-top: 7px solid #ccc;
   border-top-color: rgba(0, 0, 0, 0.2);
   border-bottom: 0;
   bottom: -7px;
   top: auto;
 }
-.navbar .dropdown-menu.bottom-up:after {
+.navbar-fixed-bottom .dropdown-menu:after {
   border-top: 6px solid #ffffff;
   border-bottom: 0;
   bottom: -6px;
index 41129c304abe8b5588e85b3432980126cf5d5f57..ee0e17b0faaaaab857c87fd53a639697a1acb7cb 100644 (file)
                 <li><a href="#">One more separated link</a></li>
               </ul>
             </li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropup <b class="caret bottom-up"></b></a>
-              <ul class="dropdown-menu bottom-up pull-right">
-                <li><a href="#">Action</a></li>
-                <li><a href="#">Another action</a></li>
-                <li><a href="#">Something else here</a></li>
-                <li class="divider"></li>
-                <li><a href="#">Separated link</a></li>
-              </ul>
-            </li>
           </ul>
           <form class="navbar-search pull-left" action="">
             <input type="text" class="search-query span2" placeholder="Search">
           <ul class="nav pull-right">
             <li><a href="#">Link</a></li>
             <li class="divider-vertical"></li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropup <b class="caret bottom-up"></b></a>
-              <ul class="dropdown-menu bottom-up pull-right">
-                <li><a href="#">Action</a></li>
-                <li><a href="#">Another action</a></li>
-                <li><a href="#">Something else here</a></li>
-                <li class="divider"></li>
-                <li><a href="#">Separated link</a></li>
-              </ul>
-            </li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
               <ul class="dropdown-menu">
index 7c12d8eb157f389b958b9f4ce72d940045bcf413..431bf164b66f47d30bcc5595fd48e3d48cdea484 100644 (file)
                 <li><a href="#">{{_i}}One more separated link{{/i}}</a></li>
               </ul>
             </li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropup{{/i}} <b class="caret bottom-up"></b></a>
-              <ul class="dropdown-menu bottom-up pull-right">
-                <li><a href="#">{{_i}}Action{{/i}}</a></li>
-                <li><a href="#">{{_i}}Another action{{/i}}</a></li>
-                <li><a href="#">{{_i}}Something else here{{/i}}</a></li>
-                <li class="divider"></li>
-                <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
-              </ul>
-            </li>
           </ul>
           <form class="navbar-search pull-left" action="">
             <input type="text" class="search-query span2" placeholder="Search">
           <ul class="nav pull-right">
             <li><a href="#">{{_i}}Link{{/i}}</a></li>
             <li class="divider-vertical"></li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropup{{/i}} <b class="caret bottom-up"></b></a>
-              <ul class="dropdown-menu bottom-up pull-right">
-                <li><a href="#">{{_i}}Action{{/i}}</a></li>
-                <li><a href="#">{{_i}}Another action{{/i}}</a></li>
-                <li><a href="#">{{_i}}Something else here{{/i}}</a></li>
-                <li class="divider"></li>
-                <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
-              </ul>
-            </li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a>
               <ul class="dropdown-menu">
index a0753f20017d237879eae17becbbfbc2933dd67c..12ce7c2e507d1d044f6c739565c7fb0683788fbe 100644 (file)
 // Allow for dropdowns to go bottom up (aka, dropup-menu)
 // ------------------------------------------------------
 // Just add .dropup after the standard .dropdown class and you're set, bro.
-.dropup {
+// TODO: abstract this so that the navbar fixed styles are not placed here?
+.dropup,
+.navbar-fixed-bottom .dropdown {
   // Reverse the caret
   .caret {
     border-top: 0;
index db299732a0140be4ecb514a50612b8817a78d245..90666133f62db8c422d4ea61ef97b4e832ea37b4 100644 (file)
   }
 }
 // Menu position and menu caret support for dropups via extra bottom-up class
-.navbar .dropdown-menu.bottom-up {
+.navbar-fixed-bottom .dropdown-menu {
   &:before {
     border-top: 7px solid #ccc;
     border-top-color: rgba(0, 0, 0, 0.2);