Compare commits

...

2 Commits

Author SHA1 Message Date
HardiReady f0108d52f4 Update Readme 2019-02-02 12:40:02 +01:00
HardiReady b216c89fe7 Scoreboard: Fixed table header and header icon tooltip in FF 2019-02-02 12:28:22 +01:00
3 changed files with 15 additions and 6 deletions

View File

@ -1,7 +1,7 @@
# Operation Pandora Trigger Commandcenter # Operation Pandora Trigger Commandcenter
A [MEAN Application](http://mean.io/) created for [operation-pandora.com](https://www.operation-pandora.com) Arma3 Community A [MEAN Stack](http://mean.io/) application created for [https://www.opt4.net](https://www.opt4.net) Arma3 Community
## Installation ## Installation

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 {

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>