Merge pull request #16 from binfalse/master

fix layouting for more-infos buttons
wahlbilanz · Aug 19, 2017 · 677aa5a · 677aa5a
2 parents 4e458c3 + cb08053
commit 677aa5a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/src/app/quiz/quiz.component.css b/src/app/quiz/quiz.component.css
@@ -134,3 +134,8 @@ th small {
 
 }
 
+.myQuestions .q-text button {
+	text-decoration: underline;
+}
+
+
diff --git a/src/app/quiz/quiz.component.html b/src/app/quiz/quiz.component.html
@@ -22,7 +22,7 @@ <h3>{{question.titel}}</h3>
 	        	<strong class="q-question" [innerHTML]="question.fragen[q].frage"></strong><br>
 	        	<button class="w3-button w3-light-grey w3-hover-grey" (click)="toggleMoreInfos (q)" *ngIf="!moreInfos[q]">Mehr Informationen</button>
 	        	<button class="w3-button w3-grey" (click)="toggleMoreInfos (q)" *ngIf="moreInfos[q]">Weniger Informationen</button>
-	        	<div class="q-supplemental w3-white w3-border-black w3-leftbar w3-padding" *ngIf="moreInfos[q]">
+	        	<div class="q-supplemental w3-white w3-border-black w3-leftbar w3-padding w3-margin-bottom" *ngIf="moreInfos[q]">
 	        	<ul>
 	        		<ng-container *ngFor="let mi of question.fragen[q].moreInfos">
 	        			<li>

diff --git a/src/app/quiz/quiz.component.ts b/src/app/quiz/quiz.component.ts
@@ -258,6 +258,11 @@ export class QuizComponent implements OnInit, AfterContentInit, AfterViewInit, A
 		//console.log ("showing question " + n);
 		this.app.questionIndex = n;
 		window.scrollTo(0,0);
+
+		// alle more-infos wieder einklappen
+		for (const q in this.moreInfos) {
+			this.moreInfos[q] = false;
+		}
 
 		// there is no question with negative index...
 		if (this.app.questionIndex < 0) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -134,3 +134,8 @@ th small { @@
     }
+    .myQuestions .q-text button {
+    	text-decoration: underline;
+    }