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

Add fixed header for scoreboard table

pull/39/head
HardiReady 2018-07-15 12:59:37 +02:00
parent dfaddfa992
commit 8cabea74fd
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,16 @@ table.mat-table img {
filter: invert(60%); filter: invert(60%);
} }
:host /deep/ table.mat-table > thead {
position: absolute;
display: inherit;
}
:host /deep/ table.mat-table > tbody {
margin-top: 60px;
display: block;
}
.mat-column-name { .mat-column-name {
width: 200px; width: 200px;
} }
@ -33,6 +43,18 @@ table.mat-table img {
text-indent: 9px; text-indent: 9px;
} }
th.mat-column-interact {
padding-left: 36px;
background: white;
position: relative;
z-index: 100;
}
/* TABLE SCROLLBAR */
div::-webkit-scrollbar-thumb {
border-top: solid white 56px;
}
/* MAT ICON BUTTON */ /* MAT ICON BUTTON */
:host/deep/.mat-table .mat-icon { :host/deep/.mat-table .mat-icon {

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

@ -29,7 +29,7 @@
</ng-container> </ng-container>
<ng-container matColumnDef="interact"> <ng-container matColumnDef="interact">
<th mat-header-cell *matHeaderCellDef></th> <th mat-header-cell *matHeaderCellDef>&nbsp;</th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<button mat-icon-button <button mat-icon-button
matTooltip="Kampagnenstatistik für {{element.name}}" matTooltip="Kampagnenstatistik für {{element.name}}"