From 1bb917add55d562a245e8ce526b81c6cef364686 Mon Sep 17 00:00:00 2001
From: Florian Hartwich <hardi@noarch.de>
Date: Sat, 7 Oct 2017 08:46:34 +0200
Subject: [PATCH] Fix campaign player detail scroll

---
 .../campaign-player-detail.component.css                 | 9 +++++----
 .../campaign-player-detail.component.html                | 2 --
 .../app/statistic/overview/stats-overview.component.html | 6 +++---
 .../app/statistic/overview/stats-overview.component.ts   | 4 ++++
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.css b/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.css
index 0332e44..aed471d 100644
--- a/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.css
+++ b/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.css
@@ -4,13 +4,14 @@
   overflow-x: hidden;
   border-left: thin solid lightgrey;
   bottom: 20px;
-  width: 80%;
-  padding-left: 20px;
-  padding-right: 5%;
-  padding-top: 70px;
+  padding: 70px 1% 0 1%;
   height: 100vh;
 }
 
+::-webkit-scrollbar {
+  width: 0;  /* remove scrollbar space */
+}
+
 h2 {
   padding: 10px;
 }
diff --git a/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.html b/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.html
index 9542f3f..c6dd3fb 100644
--- a/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.html
+++ b/static/src/app/statistic/campaign-player-detail/campaign-player-detail.component.html
@@ -1,5 +1,4 @@
 <div class="overview fade-in" xmlns="http://www.w3.org/1999/html">
-
   <h2 class="pull-left">Spielerstatistik - {{campaignPlayer.name}}</h2>
   <h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2>
 
@@ -163,5 +162,4 @@
       </ngx-charts-line-chart>
     </div>
   </div>
-
 </div>
diff --git a/static/src/app/statistic/overview/stats-overview.component.html b/static/src/app/statistic/overview/stats-overview.component.html
index 7025dc8..9c9430f 100644
--- a/static/src/app/statistic/overview/stats-overview.component.html
+++ b/static/src/app/statistic/overview/stats-overview.component.html
@@ -1,13 +1,13 @@
 <div class="slide-chart-container" style="height: 150px;">
   <h2 style="margin-bottom: 20px">{{title}}</h2>
 
-    <div class="btn btn-default" [style.background]="activeSlideIndex === 0 ? '#d9edf7':'white'"
+    <div class="btn btn-default" [style.background]="isActiveSlide(0)"
          (click)="goToSlide(0)" *ngIf="id != 'all'">Gesamtpunktzahl
     </div>
-    <div class="btn btn-default" [style.background]="activeSlideIndex === 1 ? '#d9edf7':'white'"
+    <div class="btn btn-default" [style.background]="isActiveSlide(1)"
          (click)="goToSlide(1)">Punkte je Schlacht
     </div>
-    <div class="btn btn-default" [style.background]="activeSlideIndex === 2 ? '#d9edf7':'white'"
+    <div class="btn btn-default" [style.background]="isActiveSlide(2)"
          (click)="goToSlide(2)">Spielerzahlen
     </div>
 </div>
diff --git a/static/src/app/statistic/overview/stats-overview.component.ts b/static/src/app/statistic/overview/stats-overview.component.ts
index 8487a47..12f7ec9 100644
--- a/static/src/app/statistic/overview/stats-overview.component.ts
+++ b/static/src/app/statistic/overview/stats-overview.component.ts
@@ -153,4 +153,8 @@ export class StatisticOverviewComponent {
     Object.assign(this, this.currentData);
   }
 
+  isActiveSlide(index) {
+    return this.activeSlideIndex === index ? '#d9edf7':'white'
+  }
+
 }