hardi
/
opt-cc
1
0
Fork 0
Code Pull Requests Releases 47 Activity

Scoreboard: Fixed table header and header icon tooltip in FF

pull/48/head
HardiReady 2019-02-02 12:28:22 +01:00
parent 4fb2326ef6
commit b216c89fe7
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/src/app/statistic/war/scoreboard/scoreboard.component.css
View File

@ -1,5 +1,5 @@
.scoreboard-table { .scoreboard-table {
width: 1115px; width: 1058px;
margin: auto; margin: auto;
height: 68vh; height: 68vh;
overflow-x: hidden; overflow-x: hidden;
@ -8,6 +8,16 @@
border-bottom: 1px solid #dadada; border-bottom: 1px solid #dadada;
} }
.mat-header-row {
width: 1058px;
position: fixed;
z-index: 100;
}
.mat-table > mat-row:first-of-type {
padding-top: 56px;
}
.mat-column-name { .mat-column-name {
flex: 0 0 220px; flex: 0 0 220px;
} }
@ -18,7 +28,7 @@
.mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight, .mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight,
.mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn, .mat-column-interact { .mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn, .mat-column-interact {
flex: 0 0 80px; flex: 0 0 75px;
} }
:host /deep/ .mat-table .mat-icon { :host /deep/ .mat-table .mat-icon {

5
static/src/app/statistic/war/scoreboard/scoreboard.component.html
View File

@ -20,9 +20,8 @@
</ng-container> </ng-container>
<ng-container *ngFor="let column of tableHead.slice(2, tableHead.length)" matColumnDef="{{column.prop}}"> <ng-container *ngFor="let column of tableHead.slice(2, tableHead.length)" matColumnDef="{{column.prop}}">
<mat-header-cell *matHeaderCellDef mat-sort-header="{{column.prop}}"> <mat-header-cell *matHeaderCellDef mat-sort-header="{{column.prop}}" matTooltip="{{column.head | translate}}">
<mat-icon svgIcon="{{column.prop}}" <mat-icon svgIcon="{{column.prop}}">
matTooltip="{{column.head | translate}}">
</mat-icon> </mat-icon>
</mat-header-cell> </mat-header-cell>
<mat-cell *matCellDef="let element">{{element[column.prop]}}</mat-cell> <mat-cell *matCellDef="let element">{{element[column.prop]}}</mat-cell>