mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
Fix input sizing and increase vertical padding on textareas
This commit is contained in:
parent
ea59c3c31a
commit
6fda409853
8 changed files with 31 additions and 25 deletions
22
dist/css/bootstrap.css
vendored
22
dist/css/bootstrap.css
vendored
|
@ -1713,7 +1713,7 @@ output {
|
|||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
height: 2.6rem;
|
||||
padding: .5rem 1rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
|
@ -1753,6 +1753,8 @@ fieldset[disabled] .form-control {
|
|||
}
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-appearance: none;
|
||||
|
@ -1761,7 +1763,7 @@ input[type="date"],
|
|||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
line-height: 27px;
|
||||
line-height: 2.6rem;
|
||||
line-height: 1.5 \0;
|
||||
}
|
||||
input[type="date"].input-sm,
|
||||
|
@ -1892,7 +1894,7 @@ select[multiple].form-group-lg .form-control {
|
|||
position: relative;
|
||||
}
|
||||
.has-feedback .form-control {
|
||||
padding-right: 33.75px;
|
||||
padding-right: 3.25rem;
|
||||
}
|
||||
.form-control-feedback {
|
||||
position: absolute;
|
||||
|
@ -1900,9 +1902,9 @@ select[multiple].form-group-lg .form-control {
|
|||
right: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
text-align: center;
|
||||
}
|
||||
.input-lg + .form-control-feedback {
|
||||
|
@ -3382,9 +3384,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
}
|
||||
.navbar-form {
|
||||
padding: 10px 15px;
|
||||
margin-top: 11.5px;
|
||||
margin-top: 23.7px;
|
||||
margin-right: -15px;
|
||||
margin-bottom: 11.5px;
|
||||
margin-bottom: 23.7px;
|
||||
margin-left: -15px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
@ -3465,8 +3467,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.navbar-btn {
|
||||
margin-top: 11.5px;
|
||||
margin-bottom: 11.5px;
|
||||
margin-top: 23.7px;
|
||||
margin-bottom: 23.7px;
|
||||
}
|
||||
.navbar-btn.btn-sm {
|
||||
margin-top: 23.2px;
|
||||
|
|
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
22
docs/dist/css/bootstrap.css
vendored
22
docs/dist/css/bootstrap.css
vendored
|
@ -1713,7 +1713,7 @@ output {
|
|||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
height: 2.6rem;
|
||||
padding: .5rem 1rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
|
@ -1753,6 +1753,8 @@ fieldset[disabled] .form-control {
|
|||
}
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-appearance: none;
|
||||
|
@ -1761,7 +1763,7 @@ input[type="date"],
|
|||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
line-height: 27px;
|
||||
line-height: 2.6rem;
|
||||
line-height: 1.5 \0;
|
||||
}
|
||||
input[type="date"].input-sm,
|
||||
|
@ -1892,7 +1894,7 @@ select[multiple].form-group-lg .form-control {
|
|||
position: relative;
|
||||
}
|
||||
.has-feedback .form-control {
|
||||
padding-right: 33.75px;
|
||||
padding-right: 3.25rem;
|
||||
}
|
||||
.form-control-feedback {
|
||||
position: absolute;
|
||||
|
@ -1900,9 +1902,9 @@ select[multiple].form-group-lg .form-control {
|
|||
right: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
text-align: center;
|
||||
}
|
||||
.input-lg + .form-control-feedback {
|
||||
|
@ -3382,9 +3384,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
}
|
||||
.navbar-form {
|
||||
padding: 10px 15px;
|
||||
margin-top: 11.5px;
|
||||
margin-top: 23.7px;
|
||||
margin-right: -15px;
|
||||
margin-bottom: 11.5px;
|
||||
margin-bottom: 23.7px;
|
||||
margin-left: -15px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
@ -3465,8 +3467,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.navbar-btn {
|
||||
margin-top: 11.5px;
|
||||
margin-bottom: 11.5px;
|
||||
margin-top: 23.7px;
|
||||
margin-bottom: 23.7px;
|
||||
}
|
||||
.navbar-btn.btn-sm {
|
||||
margin-top: 23.2px;
|
||||
|
|
2
docs/dist/css/bootstrap.css.map
vendored
2
docs/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css
vendored
2
docs/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -149,6 +149,8 @@ output {
|
|||
// Reset height for `textarea`s
|
||||
textarea& {
|
||||
height: auto;
|
||||
padding-top: @padding-base-horizontal;
|
||||
padding-bottom: @padding-base-horizontal;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -193,7 +193,7 @@
|
|||
@input-color-placeholder: @gray-light;
|
||||
|
||||
//** Default `.form-control` height
|
||||
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
||||
@input-height-base: ((@font-size-base * @line-height-base) + (@padding-base-vertical * 2) + .1);
|
||||
//** Large `.form-control` height
|
||||
@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
||||
//** Small `.form-control` height
|
||||
|
|
Loading…
Reference in a new issue