diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fe6c3ef1f..6abfad081 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4054,6 +4054,13 @@ input[type="submit"].btn.btn-mini { color: #333333; } +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-right: 1px solid #ffffff; + border-left: 1px solid #f2f2f2; +} + .navbar .btn, .navbar .btn-group { margin-top: 6px; @@ -4129,18 +4136,6 @@ input[type="submit"].btn.btn-mini { border-radius: 15px; } -.navbar-search .search-query:-moz-placeholder { - color: #cccccc; -} - -.navbar-search .search-query:-ms-input-placeholder { - color: #cccccc; -} - -.navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; -} - .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -4412,6 +4407,11 @@ input[type="submit"].btn.btn-mini { color: #ffffff; } +.navbar-inverse .divider-vertical { + border-right-color: #222222; + border-left-color: #111111; +} + .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { diff --git a/docs/components.html b/docs/components.html index bb9cdb8f5..39fe7bc4f 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1106,6 +1106,7 @@
@@ -1113,6 +1114,7 @@<form class="navbar-form pull-left"> <input type="text" class="span2"> + <button type="submit" class="btn">Submit</button> </form>diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index 91995cf7d..2f2f5a78a 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -1035,6 +1035,7 @@ @@ -1042,6 +1043,7 @@
<form class="navbar-form pull-left">
<input type="text" class="span2">
+ <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
</form>
diff --git a/less/navbar.less b/less/navbar.less
index 0e027d2c3..4306047c7 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -76,6 +76,15 @@
}
}
+// Dividers in navbar
+// -------------------------
+.navbar .divider-vertical {
+ height: @navbarHeight;
+ margin: 0 9px;
+ border-left: 1px solid @navbarBackground;
+ border-right: 1px solid @navbarBackgroundHighlight;
+}
+
// Buttons in navbar
// -------------------------
.navbar .btn,
@@ -128,7 +137,6 @@
padding: 4px 14px;
#font > .sans-serif(13px, normal, 1);
.border-radius(15px); // redeclare because of specificity of the type attribute
- .placeholder(@navbarSearchPlaceholderColor);
}
}
@@ -373,6 +381,12 @@
}
}
+ // Dividers in navbar
+ .divider-vertical {
+ border-left-color: @navbarInverseBackground;
+ border-right-color: @navbarInverseBackgroundHighlight;
+ }
+
// Dropdowns
.nav li.dropdown.open > .dropdown-toggle,
.nav li.dropdown.active > .dropdown-toggle,
diff --git a/less/variables.less b/less/variables.less
index d4b44a2de..42b76df45 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -168,10 +168,6 @@
@navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
-@navbarSearchBackground: lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus: @white;
-@navbarSearchBorder: darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor: #ccc;
@navbarBrandColor: @navbarLinkColor;
// Inverted navbar