vertical align inline checkboxes/radios to improve rendering in topbar

This commit is contained in:
Mark Otto 2012-01-28 14:50:56 -08:00
parent 9db4f2a344
commit 7843a665fd
3 changed files with 18 additions and 1 deletions

View File

@ -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;

View File

@ -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 {

View File

@ -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