diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 22c6daf..2285e1a 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -23,7 +23,6 @@ app-topmenu { overflow: auto !important; grid-template-columns: 1fr 1fr; - grid-auto-flow: column; } diff --git a/src/app/content/poule/poule.component.ts b/src/app/content/poule/poule.component.ts index 589ab28..935ec09 100644 --- a/src/app/content/poule/poule.component.ts +++ b/src/app/content/poule/poule.component.ts @@ -30,12 +30,9 @@ export class PouleComponent implements OnInit, OnChanges { } private loadData() { - console.log('POULE COMP: ' + this.poule + ' ' + this.idChampionship + ' ' + this.tier); // fetch the poule data this.championshipService.getTeamsInPoule(this.idChampionship, this.tier, this.poule).subscribe(val => { this.teams = val; - console.log('teams in poule'); - console.log(val); // calculate the maximum of the racecounts... this influences the amount of columns in the table let maxRaces = 0; @@ -136,8 +133,6 @@ export class PouleComponent implements OnInit, OnChanges { } ngOnChanges(changes: SimpleChanges): void { - console.log('onchanges called...'); - console.log(changes); this.loadData(); } diff --git a/src/app/reclamespinner/reclamespinner.component.html b/src/app/reclamespinner/reclamespinner.component.html index ef0dbe4..11f8587 100644 --- a/src/app/reclamespinner/reclamespinner.component.html +++ b/src/app/reclamespinner/reclamespinner.component.html @@ -1,7 +1,8 @@
- -
- + +
+
- +
+ diff --git a/src/app/reclamespinner/reclamespinner.component.scss b/src/app/reclamespinner/reclamespinner.component.scss index a35dbd6..9384b40 100644 --- a/src/app/reclamespinner/reclamespinner.component.scss +++ b/src/app/reclamespinner/reclamespinner.component.scss @@ -1,15 +1,16 @@ -div { - background-color: greenyellow; - width: 100%; - height: 100%; -} - #reclamespinner { display: grid; grid-template-rows: 1fr; - grid-auto-flow: column; + overflow: hidden; + height: 100%; +} + +#reclamecontainer { + height: 200px; + white-space: nowrap; overflow: hidden; } + .reclameitem { height: 100%; } diff --git a/src/app/reclamespinner/reclamespinner.component.ts b/src/app/reclamespinner/reclamespinner.component.ts index f0266f8..6486420 100644 --- a/src/app/reclamespinner/reclamespinner.component.ts +++ b/src/app/reclamespinner/reclamespinner.component.ts @@ -12,6 +12,10 @@ export class ReclamespinnerComponent implements OnInit { constructor() { this.images.push('Victoria.jpg'); this.images.push('basta.png'); + this.images.push('Pasta Basta.png'); + this.images.push('stoked.png'); + this.images.push('VDV.jpg'); + this.images.push('Slagerij Pieters.jpg'); } ngOnInit() { diff --git a/src/index.html b/src/index.html index 5dc0306..3308512 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,6 @@ - +