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

Improve scoreboard table header

pull/43/head
HardiReady 2018-07-17 13:39:56 +02:00
parent 48ce904d16
commit 0a5c70d465
3 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
static/src/app/app.component.css
View File

@ -10,6 +10,7 @@ li {
.sidebar-toggle-btn { .sidebar-toggle-btn {
background: linear-gradient(-90deg, #e8e5e5, #ffffff); background: linear-gradient(-90deg, #e8e5e5, #ffffff);
filter: drop-shadow(2px 1px 1px #666);
margin-left: -12px; margin-left: -12px;
z-index: 500; z-index: 500;
} }

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

@ -4,6 +4,20 @@
border: 1px solid #dadada; border: 1px solid #dadada;
overflow-x: auto; overflow-x: auto;
margin: auto; margin: auto;
margin-top: 56px;
}
:host /deep/ table.mat-table > thead {
position: absolute;
width: 977px;
display: inherit;
margin-left: -1px;
margin-top: -57px;
border: 1px solid #dadada;
}
:host /deep/ table.mat-table > tbody {
margin-top: 0 !important;
} }
.in-table-btn { .in-table-btn {
@ -11,20 +25,10 @@
margin-top: -5px; margin-top: -5px;
} }
/* MATERIAL TABLE */
table.mat-table {
margin: auto;
}
table.mat-table img { 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 { :host /deep/ table.mat-table > tbody {
margin-top: 60px; margin-top: 60px;
display: block; display: block;
@ -37,22 +41,14 @@ table.mat-table img {
width: 90px; width: 90px;
} }
.mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight,
.mat-column-vehicleLight, .mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn { .mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn, .mat-column-interact {
width: 67px; width: 67px;
text-indent: 9px; text-indent: 9px;
} }
th.mat-column-interact { td.mat-cell:last-child, td.mat-footer-cell:last-child, th.mat-header-cell:last-child {
padding-left: 36px; padding-right: 0;
background: white;
position: relative;
z-index: 100;
}
/* TABLE SCROLLBAR */
div::-webkit-scrollbar-thumb {
border-top: solid white 56px;
} }
/* MAT ICON BUTTON */ /* MAT ICON BUTTON */

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>&nbsp;</th> <th mat-header-cell *matHeaderCellDef></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}}"