From 030265eaecf2c7287df6fac1ba45e1057ff37483 Mon Sep 17 00:00:00 2001 From: Bryan Petty Date: Sun, 1 Apr 2012 16:22:52 -0600 Subject: Restrict collapsed items in Navbar to only those in .nav-collapse, and buttons in Navbar. --- less/responsive-navbar.less | 47 ++++++++++++++++++++++++++++----------------- 1 file changed, 29 insertions(+), 18 deletions(-) (limited to 'less/responsive-navbar.less') diff --git a/less/responsive-navbar.less b/less/responsive-navbar.less index 2f1c4925a..39b164ac5 100644 --- a/less/responsive-navbar.less +++ b/less/responsive-navbar.less @@ -31,40 +31,51 @@ clear: left; } // Block-level the nav - .navbar .nav { + .navbar .nav-collapse .nav { float: none; margin: 0 0 (@baseLineHeight / 2); } - .navbar .nav > li { + .navbar .nav-collapse .nav > li { float: none; } - .navbar .nav > li > a { + .navbar .nav-collapse .nav > li > a { margin-bottom: 2px; } - .navbar .nav > .divider-vertical { + .navbar .nav-collapse .nav > .divider-vertical { display: none; } - .navbar .nav .nav-header { + .navbar .nav-collapse .nav .nav-header { color: @navbarText; text-shadow: none; } // Nav and dropdown links in navbar - .navbar .nav > li > a, - .navbar .dropdown-menu a { + .navbar .nav-collapse .nav > li > a, + .navbar .nav-collapse .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: @navbarLinkColor; .border-radius(3px); } - .navbar .dropdown-menu li + li a { + // Buttons + .navbar .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + .border-radius(4px); + } + .navbar .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } - .navbar .nav > li > a:hover, - .navbar .dropdown-menu a:hover { + .navbar .nav-collapse .nav > li > a:hover, + .navbar .nav-collapse .dropdown-menu a:hover { background-color: @navbarBackground; } + // Buttons in the navbar + .navbar .nav-collapse.in .btn-group { + margin-top: 5px; + padding: 0; + } // Dropdowns in the navbar - .navbar .dropdown-menu { + .navbar .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; @@ -78,16 +89,16 @@ .border-radius(0); .box-shadow(none); } - .navbar .dropdown-menu:before, - .navbar .dropdown-menu:after { + .navbar .nav-collapse .dropdown-menu:before, + .navbar .nav-collapse .dropdown-menu:after { display: none; } - .navbar .dropdown-menu .divider { + .navbar .nav-collapse .dropdown-menu .divider { display: none; } // Forms in navbar - .navbar-form, - .navbar-search { + .nav-collapse .navbar-form, + .nav-collapse .navbar-search { float: none; padding: (@baseLineHeight / 2) 15px; margin: (@baseLineHeight / 2) 0; @@ -96,7 +107,7 @@ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)"); } // Pull right (secondary) nav content - .navbar .nav.pull-right { + .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } @@ -106,7 +117,7 @@ padding-right: 10px; } // Navbar button - .btn-navbar { + .navbar .btn-navbar { display: block; } -- cgit v1.2.3 From 4b81c0dff371edad2afd5df77c957265235e34b1 Mon Sep 17 00:00:00 2001 From: Bryan Petty Date: Thu, 5 Apr 2012 13:48:17 -0600 Subject: Changed .nav-collapse to clear both instead of left, and added compiled files. --- less/responsive-navbar.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'less/responsive-navbar.less') diff --git a/less/responsive-navbar.less b/less/responsive-navbar.less index 39b164ac5..4d2bc60c4 100644 --- a/less/responsive-navbar.less +++ b/less/responsive-navbar.less @@ -28,7 +28,7 @@ } // Nav collapse clears brand .navbar .nav-collapse { - clear: left; + clear: both; } // Block-level the nav .navbar .nav-collapse .nav { -- cgit v1.2.3