From 4ec29584a4d25cb61ef46e4e7da98e48d5f9a622 Mon Sep 17 00:00:00 2001 From: Eric Lippmann Date: Thu, 20 Nov 2014 13:22:38 +0100 Subject: [PATCH] CSS: Improve forms (at least a bit :)) --- public/css/icinga/forms.less | 45 +++++++++++++++++++++++++++--------- 1 file changed, 34 insertions(+), 11 deletions(-) diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less index 1b7e10bcf..95edcaeec 100644 --- a/public/css/icinga/forms.less +++ b/public/css/icinga/forms.less @@ -173,8 +173,13 @@ form label { width: 10em; } -select, input[type=text] { +select, input[type=text], textarea { width: 20em; + display: inline-block; +} + +textarea { + height: 4em; } form .description { @@ -186,16 +191,34 @@ form .description { display: block; } -textarea { - height: 4em; +form label.has-feedback:after { + content: '\e85b'; + font-family: "ifont"; + font-style: normal; + font-weight: normal; + speak: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ - width: 100%; -} - -input, select, textarea { - display: inline; + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* 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); */ }