[icinga-checkins] icinga.org: icingaweb2/feature/security-gui-5647: CSS: Improve forms ( at least a bit :))

git at icinga.org git at icinga.org
Thu Nov 20 16:13:03 CET 2014


Module: icingaweb2
Branch: feature/security-gui-5647
Commit: 4ec29584a4d25cb61ef46e4e7da98e48d5f9a622
URL:    https://git.icinga.org/?p=icingaweb2.git;a=commit;h=4ec29584a4d25cb61ef46e4e7da98e48d5f9a622

Author: Eric Lippmann <eric.lippmann at netways.de>
Date:   Thu Nov 20 13:22:38 2014 +0100

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

---

 public/css/icinga/forms.less |   43 ++++++++++++++++++++++++++++++++----------
 1 file changed, 33 insertions(+), 10 deletions(-)

diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
index 1b7e10b..95edcae 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%;
-}
+  /* 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); */
 }



More information about the icinga-checkins mailing list