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 {
background: linear-gradient(-90deg, #e8e5e5, #ffffff);
filter: drop-shadow(2px 1px 1px #666);
margin-left: -12px;
z-index: 500;
}

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

@ -3,7 +3,21 @@
width:fit-content;
border: 1px solid #dadada;
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 {
@ -11,20 +25,10 @@
margin-top: -5px;
}
/* MATERIAL TABLE */
table.mat-table {
margin: auto;
}
table.mat-table img {
filter: invert(60%);
}
:host /deep/ table.mat-table > thead {
position: absolute;
display: inherit;
}
:host /deep/ table.mat-table > tbody {
margin-top: 60px;
display: block;
@ -37,22 +41,14 @@ table.mat-table img {
width: 90px;
}
.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-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 {
width: 67px;
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;
td.mat-cell:last-child, td.mat-footer-cell:last-child, th.mat-header-cell:last-child {
padding-right: 0;
}
/* MAT ICON BUTTON */

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

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