Fix campaign player detail scroll

pull/11/head
Florian Hartwich 2017-10-07 08:46:34 +02:00
parent 0c7d8c7716
commit 1bb917add5
4 changed files with 12 additions and 9 deletions

View File

@ -4,13 +4,14 @@
overflow-x: hidden; overflow-x: hidden;
border-left: thin solid lightgrey; border-left: thin solid lightgrey;
bottom: 20px; bottom: 20px;
width: 80%; padding: 70px 1% 0 1%;
padding-left: 20px;
padding-right: 5%;
padding-top: 70px;
height: 100vh; height: 100vh;
} }
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
}
h2 { h2 {
padding: 10px; padding: 10px;
} }

View File

@ -1,5 +1,4 @@
<div class="overview fade-in" xmlns="http://www.w3.org/1999/html"> <div class="overview fade-in" xmlns="http://www.w3.org/1999/html">
<h2 class="pull-left">Spielerstatistik - {{campaignPlayer.name}}</h2> <h2 class="pull-left">Spielerstatistik - {{campaignPlayer.name}}</h2>
<h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2> <h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2>
@ -163,5 +162,4 @@
</ngx-charts-line-chart> </ngx-charts-line-chart>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,13 +1,13 @@
<div class="slide-chart-container" style="height: 150px;"> <div class="slide-chart-container" style="height: 150px;">
<h2 style="margin-bottom: 20px">{{title}}</h2> <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 (click)="goToSlide(0)" *ngIf="id != 'all'">Gesamtpunktzahl
</div> </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 (click)="goToSlide(1)">Punkte je Schlacht
</div> </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 (click)="goToSlide(2)">Spielerzahlen
</div> </div>
</div> </div>

View File

@ -153,4 +153,8 @@ export class StatisticOverviewComponent {
Object.assign(this, this.currentData); Object.assign(this, this.currentData);
} }
isActiveSlide(index) {
return this.activeSlideIndex === index ? '#d9edf7':'white'
}
} }