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 {
width: 1115px;
width: 1058px;
margin: auto;
height: 68vh;
overflow-x: hidden;
@ -8,6 +8,16 @@
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 {
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-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 {

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

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