From e97acb40f365438d4b722b76fb8d82479f418df8 Mon Sep 17 00:00:00 2001 From: Gabriel Cardoso Date: Mon, 4 Nov 2013 13:56:09 -0200 Subject: [PATCH] Input sizes and label required aligment --- .../META-INF/resources/admin-ui/css/forms.css | 36 +++++++++++++++++- .../resources/admin-ui/css/forms.less | 26 ++++++++++++- .../css/img/login-register-social.png | Bin 0 -> 338 bytes .../css/img/login-register-social.svg | 19 +++++++++ 4 files changed, 77 insertions(+), 4 deletions(-) create mode 100644 admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.png create mode 100644 admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.svg diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.css b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.css index 6587d917a1..d83a6775bd 100644 --- a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.css +++ b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.css @@ -16,7 +16,6 @@ input[type="email"], textarea { font-size: 1.1em; padding: 0 0.545454545454545em; - min-width: 18.1818181818182em; height: 2.36363636363636em; /* 26px */ @@ -24,6 +23,7 @@ textarea { border-radius: 2px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); color: #333; + width: 18.1818em; } input[type="text"]:hover, input[type="password"]:hover, @@ -53,6 +53,36 @@ input[type="email"].error:focus, textarea.error:focus { box-shadow: 0 0 5px #ba1212; } +input[type="text"].tiny, +input[type="password"].tiny, +input[type="email"].tiny, +textarea.tiny { + width: 4.54545454545455em; +} +input[type="text"].small, +input[type="password"].small, +input[type="email"].small, +textarea.small { + width: 9.09090909090909em; +} +input[type="text"].medium, +input[type="password"].medium, +input[type="email"].medium, +textarea.medium { + width: 18.1818em; +} +input[type="text"].large, +input[type="password"].large, +input[type="email"].large, +textarea.large { + width: 27.2727272727273em; +} +input[type="text"].xlarge, +input[type="password"].xlarge, +input[type="email"].xlarge, +textarea.xlarge { + width: 36.3636363636364em; +} textarea { padding: 0.45em 0.545454545454545em; height: auto; @@ -254,7 +284,7 @@ button.primary:focus, .search-comp .icon-search { position: absolute; right: 0.2em; - top: 0.4em; + top: 0.6em; opacity: 0.5; filter: alpha(opacity=50); } @@ -459,6 +489,8 @@ fieldset.border-top { .form-group .required { font-size: 1.1em; color: #CB2915; + display: inline-block; + margin-top: -0.09090909090909em; } legend + .form-group { padding-top: 1em; diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.less b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.less index a29e5f372c..5fc4c0bc35 100644 --- a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.less +++ b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.less @@ -23,12 +23,12 @@ input[type="email"], textarea { font-size: 1.1em; padding: 0 0.545454545454545em; - min-width: 18.1818181818182em; height: 2.36363636363636em; /* 26px */ border: 1px #b6b6b6 solid; border-radius: 2px; box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); color: #333; + width: 18.1818em; &:hover { border-color: #62afdb; @@ -49,6 +49,26 @@ textarea { box-shadow: 0 0 5px #ba1212; } } + + &.tiny { + width: 4.54545454545455em; + } + + &.small { + width: 9.09090909090909em; + } + + &.medium { + width: 18.1818em; + } + + &.large { + width: 27.2727272727273em; + } + + &.xlarge { + width: 36.3636363636364em + } } textarea { @@ -280,7 +300,7 @@ button.primary, .icon-search { position: absolute; right: 0.2em; - top: 0.4em; + top: 0.6em; opacity: 0.5; filter: alpha(opacity=50); @@ -532,6 +552,8 @@ fieldset.border-top { .required { font-size: 1.1em; color: #CB2915; + display: inline-block; + margin-top: -0.09090909090909em; } } diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.png b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.png new file mode 100644 index 0000000000000000000000000000000000000000..e86d738d6c846c278b77118545c513d3ce82b165 GIT binary patch literal 338 zcmeAS@N?(olHy`uVBq!ia0vp^JPZts6FAs_tXaz%vw@UkiEBhjaDG}zd16s2gJVj5 zQmTSyZen_BP-{rZ8eEv5W=f9tI`eOP$o^v2;ae)6!U&62X z_5MiS^4M4Nsj6PTrH$LW+uLN5{#m{gxBP#_w<~<&{Fz%5X1jh}a^0#(@~7dy9ii`j z%$2@!I{QiWI{t~fe;vuYq;%QdT1Do1|JI6o-hcNTKeniN@0ZZ~#$`57DugR{T&wy0 v=frlI>yPHD{nC|TV8P)O28IXweh4NoNJLrcOnkBR1W1{utDnm{r-UW|)LVeO literal 0 HcmV?d00001 diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.svg b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.svg new file mode 100644 index 0000000000..d28ebcc75d --- /dev/null +++ b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.svg @@ -0,0 +1,19 @@ + + + + + + + + + + +