CSS: Improve forms (at least a bit :))

This commit is contained in:
Eric Lippmann 2014-11-20 13:22:38 +01:00
parent dfd74480c3
commit 4ec29584a4

View File

@ -173,8 +173,13 @@ form label {
width: 10em; width: 10em;
} }
select, input[type=text] { select, input[type=text], textarea {
width: 20em; width: 20em;
display: inline-block;
}
textarea {
height: 4em;
} }
form .description { form .description {
@ -186,16 +191,34 @@ form .description {
display: block; display: block;
} }
textarea { form label.has-feedback:after {
height: 4em; content: '\e85b';
font-family: "ifont";
font-style: normal;
font-weight: normal;
speak: none;
-webkit-box-sizing: border-box; display: inline-block;
-moz-box-sizing: border-box; text-decoration: inherit;
box-sizing: border-box; width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
width: 100%; /* For safety - reset parent styles, that can break glyph codes*/
} font-variant: normal;
text-transform: none;
input, select, textarea {
display: inline; /* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} }