Fix cron input box and select box not in one line

Signed-off-by: FangyuanCheng <fangyuanc@vmware.com>
This commit is contained in:
FangyuanCheng 2019-04-16 22:38:28 +08:00
parent fd353a8f7f
commit 73e408b851
2 changed files with 7 additions and 1 deletions

View File

@ -33,7 +33,7 @@
</select>
</div>
<span [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM">{{ "SCHEDULE.CRON" | translate }} :</span>
<div [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM">
<div [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM" class="cron-input">
<label for="targetCron" aria-haspopup="true" role="tooltip" [class.invalid]="dateInvalid" class="tooltip tooltip-validation tooltip-md tooltip-top-right cron-label">
<input type="text" (blur)="blurInvalid()" (input)="inputInvalid()" name=targetCron id="targetCron" #cronStringInput="ngModel" required class="form-control"
[(ngModel)]="cronString">

View File

@ -37,6 +37,12 @@
width: 100px;
}
.cron-input {
position: absolute;
display: inline-block;
width: 270px;
}
.cron-label {
width: 195px;
}