From 7843a665fdc18c1199766d6c65f192209ec35741 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 28 Jan 2012 14:50:56 -0800
Subject: [PATCH] vertical align inline checkboxes/radios to improve rendering
in topbar
---
docs/assets/css/bootstrap.css | 7 +++++++
less/forms.less | 3 ++-
less/navbar.less | 9 +++++++++
3 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 43ec1e417b..7b47aebef3 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -591,6 +591,7 @@ input[type="hidden"] {
.radio.inline, .checkbox.inline {
display: inline-block;
margin-bottom: 0;
+ vertical-align: middle;
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
margin-left: 10px;
@@ -1953,6 +1954,12 @@ table .span12 {
margin-top: 5px;
margin-bottom: 0;
}
+.navbar-form .radio, .navbar-form .checkbox {
+ margin-top: 5px;
+}
+.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
+ margin-top: 3px;
+}
.navbar-search {
position: relative;
float: left;
diff --git a/less/forms.less b/less/forms.less
index 3792bf4205..b0daeb034e 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -86,7 +86,7 @@ input[type="radio"] {
line-height: normal;
border: 0;
cursor: pointer;
- border-radius: 0 e("\0/");
+ border-radius: 0 e("\0/"); // Nuke border-radius for IE9 only
}
// Reset the file input to browser defaults
@@ -169,6 +169,7 @@ input[type="hidden"] {
.checkbox.inline {
display: inline-block;
margin-bottom: 0;
+ vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
diff --git a/less/navbar.less b/less/navbar.less
index 287459a27c..63484fc3c0 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -63,6 +63,15 @@
margin-top: 5px;
margin-bottom: 0;
}
+ .radio,
+ .checkbox {
+ margin-top: 5px;
+ }
+ input[type="image"],
+ input[type="checkbox"],
+ input[type="radio"] {
+ margin-top: 3px;
+ }
}
// Navbar search
--
GitLab