#59 reduced the size of the trigger form

This commit is contained in:
Fabio Formosa
2022-09-14 20:26:10 +02:00
parent d9f9ee96af
commit b14cf64124
3 changed files with 28 additions and 7 deletions

View File

@@ -8,7 +8,9 @@
<form name="configForm" fxFlex="1 1 100%" #configForm="ngForm">
<div>
<mat-form-field [appearance]="enabledTriggerForm && !simpleTriggerForm.triggerName ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm && !simpleTriggerForm.triggerName ? 'standard': 'none'"
class="full-size-input">
<mat-label>Trigger Name</mat-label>
<input id="triggerName"
[readonly]="!enabledTriggerForm || simpleTriggerForm.triggerName"
@@ -18,7 +20,10 @@
</div>
<div>
<mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
class="full-size-input"
>
<mat-label>Job Class</mat-label>
<mat-select name="jobClass" [(ngModel)]="simpleTriggerForm.jobClass" [disabled]="!enabledTriggerForm">
<mat-option *ngFor="let job of jobs" [value]="job">
@@ -29,7 +34,10 @@
</div>
<div>
<mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
class="full-size-input"
>
<mat-label>Start Date (optional)</mat-label>
<input id="startDate"
[readonly]="!enabledTriggerForm"
@@ -46,7 +54,10 @@
</div>
<div>
<mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
class="full-size-input"
>
<mat-label>End Date (optional)</mat-label>
<input id="endDate"
[readonly]="!enabledTriggerForm"
@@ -64,7 +75,10 @@
</div>
<div>
<mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
class="full-size-input"
>
<mat-label>Repeat Interval [in mills]</mat-label>
<input id="repeatInterval"
[readonly]="!enabledTriggerForm"
@@ -74,7 +88,10 @@
</mat-form-field>
</div>
<div>
<mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
class="full-size-input"
>
<mat-label>Repeat Count</mat-label>
<input id="repeatCount"
[readonly]="!enabledTriggerForm"

View File

@@ -1,3 +1,7 @@
.small{
font-size: 0.8em;
}
.full-size-input{
width: 100%;
}

View File

@@ -16,7 +16,7 @@
</div>
</div>
<div fxFlex="1 1 500px" >
<div fxFlex="1 1 400px" >
<div fxLayout="column">
<qrzmng-simple-trigger-config
[triggerKey]="selectedTriggerKey"