dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Fix legend layout

Browse Source
This commit is contained in:
fe-dev 2022-07-11 14:24:23 +03:00
parent 1c6c0e1f74
commit a1f248a6e9
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui-ngx/src/app/modules/home/components/widget/legend-config.component.html
View File

@ -37,23 +37,27 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div fxLayout.xs="column" fxLayoutAlign.xs="center" fxLayout="row wrap" fxLayoutAlign="space-between center" fxLayoutGap="8px"> <div fxFlex fxLayout="row" fxLayout.xs="column" fxLayoutGap.gt-xs="8px">
<mat-checkbox formControlName="showMin" fxFlex="48"> <mat-checkbox formControlName="showMin" fxFlex>
{{ 'legend.show-min' | translate }} {{ 'legend.show-min' | translate }}
</mat-checkbox> </mat-checkbox>
<mat-checkbox formControlName="showMax" fxFlex="48"> <mat-checkbox formControlName="showMax" fxFlex>
{{ 'legend.show-max' | translate }} {{ 'legend.show-max' | translate }}
</mat-checkbox> </mat-checkbox>
<mat-checkbox formControlName="showAvg" fxFlex="48"> </div>
<div fxFlex fxLayout="row" fxLayout.xs="column" fxLayoutGap.gt-xs="8px">
<mat-checkbox formControlName="showAvg" fxFlex>
{{ 'legend.show-avg' | translate }} {{ 'legend.show-avg' | translate }}
</mat-checkbox> </mat-checkbox>
<mat-checkbox formControlName="showTotal" fxFlex="48"> <mat-checkbox formControlName="showTotal" fxFlex>
{{ 'legend.show-total' | translate }} {{ 'legend.show-total' | translate }}
</mat-checkbox> </mat-checkbox>
<mat-checkbox formControlName="showLatest" fxFlex="48"> </div>
<div fxFlex fxLayout="row" fxLayout.xs="column" fxLayoutGap.gt-xs="8px">
<mat-checkbox formControlName="showLatest" fxFlex>
{{ 'legend.show-latest' | translate }} {{ 'legend.show-latest' | translate }}
</mat-checkbox> </mat-checkbox>
<mat-checkbox formControlName="sortDataKeys" fxFlex="48"> <mat-checkbox formControlName="sortDataKeys" fxFlex>
{{ 'legend.sort-legend' | translate }} {{ 'legend.sort-legend' | translate }}
</mat-checkbox> </mat-checkbox>
</div> </div>