Apply theme-based font color styling to staff playtime component for consistency with global design.
This commit is contained in:
parent
ee83bab77e
commit
bfb656e033
|
|
@ -7,18 +7,19 @@
|
||||||
<div class="staff-pt-container centered">
|
<div class="staff-pt-container centered">
|
||||||
<div class="week-header">
|
<div class="week-header">
|
||||||
<button mat-icon-button (click)="prevWeek()" matTooltip="Previous week" aria-label="Previous week">
|
<button mat-icon-button (click)="prevWeek()" matTooltip="Previous week" aria-label="Previous week">
|
||||||
<mat-icon>chevron_left</mat-icon>
|
<mat-icon style="color: var(--font-color)">chevron_left</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="week-title"><span>{{ weekLabel() }}</span></div>
|
<div class="week-title"><span style="color: var(--font-color)">{{ weekLabel() }}</span></div>
|
||||||
|
|
||||||
<button mat-icon-button (click)="nextWeek()" [disabled]="!canGoNextWeek()"
|
<button mat-icon-button (click)="nextWeek()" [disabled]="!canGoNextWeek()"
|
||||||
matTooltip="Next week" aria-label="Next week">
|
matTooltip="Next week" aria-label="Next week">
|
||||||
<mat-icon>chevron_right</mat-icon>
|
<mat-icon style="color: var(--font-color)">chevron_right</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table mat-table [dataSource]="sortedStaffPt()" class="mat-elevation-z2 full-width" matSort (matSortChange)="sort.set($event)"
|
<table mat-table [dataSource]="sortedStaffPt()" class="mat-elevation-z2 full-width" matSort
|
||||||
|
(matSortChange)="sort.set($event)"
|
||||||
[matSortActive]="sort().active" [matSortDirection]="sort().direction" [matSortDisableClear]="true">
|
[matSortActive]="sort().active" [matSortDirection]="sort().direction" [matSortDisableClear]="true">
|
||||||
<ng-container matColumnDef="staff_member">
|
<ng-container matColumnDef="staff_member">
|
||||||
<th mat-header-cell *matHeaderCellDef mat-sort-header="staff_member">Staff Member</th>
|
<th mat-header-cell *matHeaderCellDef mat-sort-header="staff_member">Staff Member</th>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user