adjust the size of inputbox in related forms

This commit is contained in:
Steven Zou 2017-04-06 18:33:00 +08:00
parent 2bd7f10616
commit b640a22a66
4 changed files with 11 additions and 11 deletions

View File

@ -12,7 +12,7 @@
required
email
id="reset_pwd_email"
size="40"
size="30"
(input)="handleValidation(true)"
(blur)="handleValidation(false)">
<span class="tooltip-content">

View File

@ -11,7 +11,7 @@
required
name="oldPassword"
[(ngModel)]="oldPwd"
#oldPassInput="ngModel" size="42">
#oldPassInput="ngModel" size="30">
<span class="tooltip-content">
{{'TOOLTIP.CURRENT_PWD' | translate}}
</span>
@ -25,7 +25,7 @@
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
name="newPassword"
[(ngModel)]="newPwd"
#newPassInput="ngModel" size="42"
#newPassInput="ngModel" size="30"
(input)='handleValidation("newPassword", false)'
(blur)='handleValidation("newPassword", true)'>
<span class="tooltip-content">
@ -42,7 +42,7 @@
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
name="reNewPassword"
[(ngModel)]="reNewPwd"
#reNewPassInput="ngModel" size="42"
#reNewPassInput="ngModel" size="30"
(input)='handleValidation("reNewPassword", false)'
(blur)='handleValidation("reNewPassword", true)'>
<span class="tooltip-content">

View File

@ -1,4 +1,4 @@
<clr-modal [(clrModalOpen)]="opened" [clrModalClosable]="true" [clrModalStaticBackdrop]="false">
<clr-modal [(clrModalOpen)]="opened" [clrModalClosable]="false" [clrModalStaticBackdrop]="false">
<h3 class="modal-title margin-left-override">vmware</h3>
<div class="modal-body margin-left-override">
<div>

View File

@ -4,7 +4,7 @@
<div class="form-group form-group-override">
<label for="username" class="required form-group-label-override">{{'PROFILE.USER_NAME' | translate}}</label>
<label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("username")'>
<input type="text" required pattern='[^"~#$%]+' maxLengthExt="20" #usernameInput="ngModel" name="username" [(ngModel)]="newUser.username" id="username" size="36"
<input type="text" required pattern='[^"~#$%]+' maxLengthExt="20" #usernameInput="ngModel" name="username" [(ngModel)]="newUser.username" id="username" size="30"
(input)='handleValidation("username", false)'
(blur)='handleValidation("username", true)'>
<span class="tooltip-content">
@ -18,7 +18,7 @@
<input name="email" type="text" #eamilInput="ngModel" [(ngModel)]="newUser.email"
required
email
id="email" size="36"
id="email" size="30"
(input)='handleValidation("email", false)'
(blur)='handleValidation("email", true)'>
<span class="tooltip-content">
@ -31,7 +31,7 @@
<div class="form-group form-group-override">
<label for="realname" class="required form-group-label-override">{{'PROFILE.FULL_NAME' | translate}}</label>
<label for="realname" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("realname")'>
<input type="text" name="realname" #fullNameInput="ngModel" [(ngModel)]="newUser.realname" required maxLengthExt="20" id="realname" size="36"
<input type="text" name="realname" #fullNameInput="ngModel" [(ngModel)]="newUser.realname" required maxLengthExt="20" id="realname" size="30"
(input)='handleValidation("realname", false)'
(blur)='handleValidation("realname", true)'>
<span class="tooltip-content">
@ -47,7 +47,7 @@
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
name="newPassword"
[(ngModel)]="newUser.password"
#newPassInput="ngModel" size="36"
#newPassInput="ngModel" size="30"
(input)='handleValidation("newPassword", false)'
(blur)='handleValidation("newPassword", true)'>
<span class="tooltip-content">
@ -64,7 +64,7 @@
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
name="confirmPassword"
[(ngModel)]="confirmedPwd"
#confirmPassInput="ngModel" size="36"
#confirmPassInput="ngModel" size="30"
(input)='handleValidation("confirmPassword", false)'
(blur)='handleValidation("confirmPassword", true)'>
<span class="tooltip-content">
@ -75,7 +75,7 @@
<div class="form-group form-group-override">
<label for="comment" class="form-group-label-override">{{'PROFILE.COMMENT' | translate}}</label>
<label for="comment" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("comment")'>
<input type="text" #commentInput="ngModel" name="comment" [(ngModel)]="newUser.comment" maxLengthExt="20" id="comment" size="36"
<input type="text" #commentInput="ngModel" name="comment" [(ngModel)]="newUser.comment" maxLengthExt="20" id="comment" size="30"
(input)='handleValidation("comment", false)'
(blur)='handleValidation("comment", true)'>
<span class="tooltip-content">