Nav menu overhaul New folder for material overrides Custom font classes Fix global font, add back resets, and update link colors Fix project list layout Expose material typography tokens as css classes Add button story and scss file for storybook Implementation of top app bar New project multiselect New timerange picker e2e fixes responsive layout fixes
25 lines
723 B
HTML
25 lines
723 B
HTML
<mat-form-field
|
|
appearance="outline"
|
|
subscriptSizing="dynamic"
|
|
[class]="{'time-range-select-formfield': true, 'wide': extendSelectSize()}"
|
|
>
|
|
<mat-select
|
|
[formControl]="presetRangeForm"
|
|
i18n-placeholder
|
|
placeholder="Time range"
|
|
(selectionChange)="onPresetSelect($event)"
|
|
hideSingleSelectionIndicator
|
|
>
|
|
<mat-select-trigger> {{ queriedTimerangeDisplay() }} </mat-select-trigger>
|
|
@for (preset of timeRangePresets; track preset.value) {
|
|
<mat-option [value]="preset.value">{{preset.display}}</mat-option>
|
|
}
|
|
<mat-option
|
|
value="custom"
|
|
(onSelectionChange)="onCustomRangeSelect($event)"
|
|
i18n
|
|
>Custom range</mat-option
|
|
>
|
|
</mat-select>
|
|
</mat-form-field>
|