Make the replication dialog a little bit wider

Signed-off-by: Cheng <fangyuanc@vmware.com>
This commit is contained in:
Cheng 2018-09-26 12:50:24 +08:00
parent f3cc7676ef
commit 98cba2a1a9
2 changed files with 8 additions and 6 deletions

View File

@ -81,18 +81,16 @@
<!--Targets--> <!--Targets-->
<div class="form-group form-group-override"> <div class="form-group form-group-override">
<label class="form-group-label-override required">{{'DESTINATION.ENDPOINT' | translate}}</label> <label class="form-group-label-override required">{{'DESTINATION.ENDPOINT' | translate}}</label>
<div formArrayName="targets"> <div formArrayName="targets" class="form-select">
<div class="select endpointSelect pull-left" *ngFor="let target of targets.controls; let i= index" [formGroupName]="i"> <div class="select endpointSelect pull-left" *ngFor="let target of targets.controls; let i= index" [formGroupName]="i">
<select id="ruleTarget" (change)="targetChange($event)" formControlName="id"> <select id="ruleTarget" (change)="targetChange($event)" formControlName="id">
<option *ngFor="let target of targetList" value="{{target.id}}">{{target.name}}-{{target.endpoint}}</option> <option *ngFor="let target of targetList" value="{{target.id}}">{{target.name}}-{{target.endpoint}}</option>
</select> </select>
</div> </div>
</div> </div>
<div>
<label *ngIf="noEndpointInfo.length != 0" class="colorRed alertLabel">{{noEndpointInfo | translate}}</label> <label *ngIf="noEndpointInfo.length != 0" class="colorRed alertLabel">{{noEndpointInfo | translate}}</label>
<span class="alertLabel goLink" *ngIf="noEndpointInfo.length != 0" (click)="goRegistry()">{{'REPLICATION.ENDPOINTS' | translate}}</span> <span class="alertLabel goLink" *ngIf="noEndpointInfo.length != 0" (click)="goRegistry()">{{'REPLICATION.ENDPOINTS' | translate}}</span>
</div> </div>
</div>
<!--Trigger--> <!--Trigger-->
<div class="form-group form-group-override"> <div class="form-group form-group-override">

View File

@ -28,6 +28,7 @@ h4 {
} }
.alertLabel { .alertLabel {
display: block;
margin-top: 2px; margin-top: 2px;
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
@ -153,12 +154,15 @@ h4 {
width: 6.5rem; width: 6.5rem;
} }
.form-select {
margin-right: 30px;
}
.goLink { .goLink {
color: blue; color: blue;
border-bottom: 1px solid blue; border-bottom: 1px solid blue;
line-height: 14px; line-height: 14px;
cursor: pointer; cursor: pointer;
margin-left: 12px;
} }
.arrowSet{ .arrowSet{