From 00c225f374448cac5cdda9cb8cb642c445709064 Mon Sep 17 00:00:00 2001 From: chengfangyuan <1309173081@qq.com> Date: Fri, 14 Sep 2018 10:07:39 +0800 Subject: [PATCH] Make the replication dialog a little bit wider Signed-off-by: chengfangyuan <1309173081@qq.com> --- .../create-edit-rule.component.html | 22 ++++++++++--------- .../create-edit-rule.component.scss | 4 ++-- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html index 7ea13cf34..b99d9ca75 100644 --- a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html +++ b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html @@ -88,24 +88,26 @@ </select> </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> </div> <!--Trigger--> <div class="form-group form-group-override"> <label class="form-group-label-override">{{'REPLICATION.TRIGGER_MODE' | translate}}</label> <div formGroupName="trigger"> - <!--on trigger--> - <div class="select floatSetPar"> - <select id="ruleTrigger" formControlName="kind" (change)="selectTrigger($event)"> - <option value="Manual">{{'REPLICATION.MANUAL' | translate}}</option> - <option value="Immediate">{{'REPLICATION.IMMEDIATE' | translate}}</option> - <option value="Scheduled">{{'REPLICATION.SCHEDULE' | translate}}</option> - </select> - </div> <!--on push--> <div formGroupName="schedule_param"> + <!--on trigger--> + <div class="select floatSetPar"> + <select id="ruleTrigger" formControlName="kind" (change)="selectTrigger($event)"> + <option value="Manual">{{'REPLICATION.MANUAL' | translate}}</option> + <option value="Immediate">{{'REPLICATION.IMMEDIATE' | translate}}</option> + <option value="Scheduled">{{'REPLICATION.SCHEDULE' | translate}}</option> + </select> + </div> <div class="select floatSet" [hidden]="!isScheduleOpt"> <select name="scheduleType" formControlName="type" (change)="selectSchedule($event)"> <option value="Daily">{{'REPLICATION.DAILY' | translate}}</option> diff --git a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss index 98326fad0..3951dc019 100644 --- a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss +++ b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss @@ -28,7 +28,6 @@ h4 { } .alertLabel { - display: block; margin-top: 2px; line-height: 1em; font-size: 12px; @@ -155,6 +154,7 @@ h4 { border-bottom: 1px solid blue; line-height: 14px; cursor: pointer; + margin-left: 12px; } .arrowSet{ @@ -167,7 +167,7 @@ h4 { clr-modal { ::ng-deep div.modal-dialog { - width: 25rem; + width: 29rem; } }