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,17 +81,15 @@
<!--Targets-->
<div class="form-group form-group-override">
<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">
<select id="ruleTarget" (change)="targetChange($event)" formControlName="id">
<option *ngFor="let target of targetList" value="{{target.id}}">{{target.name}}-{{target.endpoint}}</option>
</select>
</div>
</div>
<div>
<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>
</div>
<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>
</div>
<!--Trigger-->

View File

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