From 8cabea74fdadc4496f75cdaf85cd8a1e9b0107c9 Mon Sep 17 00:00:00 2001
From: HardiReady <hardi@noarch.de>
Date: Sun, 15 Jul 2018 12:59:37 +0200
Subject: [PATCH] Add fixed header for scoreboard table

---
 .../war/scoreboard/scoreboard.component.css   | 22 +++++++++++++++++++
 .../war/scoreboard/scoreboard.component.html  |  2 +-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.css b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
index fe4a839..aa01b77 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.css
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.css
@@ -20,6 +20,16 @@ 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;
+}
+
 .mat-column-name {
   width: 200px;
 }
@@ -33,6 +43,18 @@ table.mat-table img {
   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 */
 
 :host/deep/.mat-table .mat-icon {
diff --git a/static/src/app/statistic/war/scoreboard/scoreboard.component.html b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
index 0adaf7d..dd30393 100644
--- a/static/src/app/statistic/war/scoreboard/scoreboard.component.html
+++ b/static/src/app/statistic/war/scoreboard/scoreboard.component.html
@@ -29,7 +29,7 @@
     </ng-container>
 
     <ng-container matColumnDef="interact">
-      <th mat-header-cell *matHeaderCellDef></th>
+      <th mat-header-cell *matHeaderCellDef>&nbsp;</th>
       <td mat-cell *matCellDef="let element">
         <button mat-icon-button
                 matTooltip="Kampagnenstatistik für {{element.name}}"