litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-2889: Applied different form element width for user account management forms. Fixed extra padding with submit buttons.

Browse source
This commit is contained in:
manolobevia 2011-07-18 17:02:47 +00:00
parent 1f39e6a96d
commit 4b92cd1195
4 changed files with 36 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

62
webapp/web/css/account/account.css
View file

@ -128,14 +128,6 @@ form.customForm p.note {
} }
#add-account p.note { #add-account p.note {
margin-top: 20px; margin-top: 20px;
width: 400px;
}
#add-account input[type="text"],
#create-account input[type="text"],
#edit-account input[type="text"],
#my-account input[type="text"],
#my-account input[type="password"] {
width: 20em;
} }
#search-feedback { #search-feedback {
clear: both; clear: both;
@ -151,12 +143,10 @@ form.customForm p.note {
/* EDIT ACCOUNT ------> */ /* EDIT ACCOUNT ------> */
#edit-account p.note { #edit-account p.note {
margin-top: 3px; margin-top: 3px;
width: 400px;
} }
/* MY ACCOUNT ------> */ /* MY ACCOUNT ------> */
#my-account p.note { #my-account p.note {
padding-bottom: 10px; padding-bottom: 10px;
width: 400px;
} }
#my-account input#email-address, #my-account input#email-address,
#my-account input#new-password { #my-account input#new-password {
@ -169,6 +159,7 @@ padding-right: 5px;
#reset-password p.note { #reset-password p.note {
margin-top: 0; margin-top: 0;
} }
/* ASSOCIATE PROFILE ------> */ /* ASSOCIATE PROFILE ------> */
.explanatoryText { .explanatoryText {
color:#999; color:#999;
@ -204,12 +195,12 @@ padding-right: 5px;
width:100%; width:100%;
border:none; border:none;
border-right:none; border-right:none;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;
} }
#associateProfileBackgroundTwo { #associateProfileBackgroundTwo {
background-color:#f1f2ee; background-color:#f1f2ee;
@ -220,12 +211,12 @@ padding-right: 5px;
margin-right:-8px; margin-right:-8px;
border:1px solid #ccc; border:1px solid #ccc;
border-left:none; border-left:none;
border-top-right-radius: 5px; border-top-right-radius: 5px;
-moz-border-radius-topright: 5px; -moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
} }
#associateProfileBackgroundThree { #associateProfileBackgroundThree {
background-color:#f1f2ee; background-color:#f1f2ee;
@ -239,9 +230,9 @@ padding-right: 5px;
border:1px solid #ccc; border:1px solid #ccc;
border-left:none; border-left:none;
border-bottom:none; border-bottom:none;
border-top-right-radius: 5px; border-top-right-radius: 5px;
-moz-border-radius-topright: 5px; -moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
} }
#associateProfileBackgroundFour { #associateProfileBackgroundFour {
background-color:#f1f2ee; background-color:#f1f2ee;
@ -254,9 +245,20 @@ padding-right: 5px;
border:1px solid #ccc; border:1px solid #ccc;
border-top:none; border-top:none;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
/* MISCELLANEOUS ------> */
form.customForm input[name="firstName"],
form.customForm input[name="lastName"],
form.customForm input[name="newPassword"],
form.customForm input[name="confirmPassword"] {
width: 10em;
}
#externalAuthId {
width: 12em;
} }

3
webapp/web/templates/freemarker/body/accounts/userAccounts-add.ftl
View file

@ -89,8 +89,7 @@
</div> </div>
</#if> </#if>
<br /> <p><input type="submit" name="submitAdd" value="Add new account" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
<input type="submit" name="submitAdd" value="Add new account" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a>
<p class="requiredHint">* required fields</p> <p class="requiredHint">* required fields</p>
</form> </form>

4
webapp/web/templates/freemarker/body/accounts/userAccounts-edit.ftl
View file

@ -96,8 +96,8 @@
<input type="password" name="confirmPassword" value="${confirmPassword}" id="confirm-password" role="input" /> <input type="password" name="confirmPassword" value="${confirmPassword}" id="confirm-password" role="input" />
</div> </div>
</#if> </#if>
<br />
<input type="submit" name="submitEdit" value="Save changes" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a> <p><input type="submit" name="submitEdit" value="Save changes" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
<p class="requiredHint">* required fields</p> <p class="requiredHint">* required fields</p>
</form> </form>

2
webapp/web/templates/freemarker/body/accounts/userAccounts-firstTimeExternal.ftl
View file

@ -54,7 +54,7 @@
</p> </p>
</#if> </#if>
<input type="submit" name="submit" value="Create account" class="submit"/> or <a class="cancel" href="${urls.home}">Cancel</a> <p><input type="submit" name="submit" value="Create account" class="submit"/> or <a class="cancel" href="${urls.home}">Cancel</a></p>
</form> </form>
</section> </section>