Merge pull request #5950 from pureshine/replication_dialog

Make the replication dialog a little bit wider
This commit is contained in:
Mia ZHOU 2018-09-26 16:47:47 +08:00 committed by GitHub
commit 1173955200
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 3 deletions

View File

@ -81,7 +81,7 @@
<!--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>
@ -105,7 +105,7 @@
</select> </select>
</div> </div>
<!--on push--> <!--on push-->
<div formGroupName="schedule_param"> <div formGroupName="schedule_param" class="schedule-style">
<div class="select floatSet" [hidden]="!isScheduleOpt"> <div class="select floatSet" [hidden]="!isScheduleOpt">
<select name="scheduleType" formControlName="type" (change)="selectSchedule($event)"> <select name="scheduleType" formControlName="type" (change)="selectSchedule($event)">
<option value="Daily">{{'REPLICATION.DAILY' | translate}}</option> <option value="Daily">{{'REPLICATION.DAILY' | translate}}</option>

View File

@ -74,6 +74,10 @@ h4 {
margin-right: 10px; margin-right: 10px;
} }
.schedule-style {
display: inline-block;
}
.floatSet { .floatSet {
display: inline-block; display: inline-block;
width: 82px; width: 82px;
@ -150,6 +154,10 @@ 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;
@ -167,7 +175,7 @@ h4 {
clr-modal { clr-modal {
::ng-deep div.modal-dialog { ::ng-deep div.modal-dialog {
width: 25rem; width: 29rem;
} }
} }