Timewindow: update styles for interval options configuration on mobile

This commit is contained in:
Ekaterina Chantsova 2024-12-02 15:20:51 +02:00
parent 3a2daf65f1
commit e87cfff7fd
2 changed files with 4 additions and 3 deletions

View File

@ -42,7 +42,7 @@
<div [formGroupName]="i" class="tb-form-table-row"> <div [formGroupName]="i" class="tb-form-table-row">
<div class="tb-form-table-row-cell tb-interval"> <div class="tb-form-table-row-cell tb-interval">
<mat-checkbox class="tb-interval-option" formControlName="enabled" color="primary"> <mat-checkbox class="tb-interval-option" formControlName="enabled" color="primary">
<mat-label>{{ interval.get('name').value }}</mat-label> <mat-label tbTruncateWithTooltip>{{ interval.get('name').value }}</mat-label>
</mat-checkbox> </mat-checkbox>
</div> </div>
<ng-container *ngIf="aggregation"> <ng-container *ngIf="aggregation">

View File

@ -59,9 +59,10 @@
} }
.mdc-label { .mdc-label {
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; mat-label {
display: block;
}
} }
} }
} }