Merge pull request #37 from binfalse/master

more hove fixes for mobile devices
wahlbilanz · Aug 29, 2017 · 71d982d · 71d982d
2 parents 3890508 + 762a263
commit 71d982d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/app/quiz/quiz.component.html b/src/app/quiz/quiz.component.html
@@ -42,7 +42,8 @@ <h3>{{question.titel}}</h3>
         	</div>
         	<div class="q-buttons w3-right">
 
-		        <button class="w3-button w3-ripple active w3-large w3-border w3-border-black w3-pale-green" [class.w3-hover-green]="!touchDevice"
+		        <button class="w3-button w3-ripple active w3-large w3-border w3-border-black w3-pale-green"
+		        	[class.w3-hover-green]="!touchDevice" [class.w3-hover-pale-green]="touchDevice"
 		        	(click)="choose(q,1)" *ngIf="answers[q]!=1">
 		        	<i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Ja
 		        </button>
@@ -52,7 +53,8 @@ <h3>{{question.titel}}</h3>
 		        </button>
 
 
-		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-red" [class.w3-hover-red]="!touchDevice"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-red"
+		        	[class.w3-hover-red]="!touchDevice" [class.w3-hover-pale-red]="touchDevice"
 		        	(click)="choose(q,2)" *ngIf="answers[q]!=2">
 		        	<i class="fa fa-thumbs-o-down" aria-hidden="true"></i> Nein
 		        </button>
@@ -61,7 +63,8 @@ <h3>{{question.titel}}</h3>
 		        	<i class="fa fa-thumbs-o-down" aria-hidden="true"></i> Nein
 		        </button>
 
-		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-blue" [class.w3-hover-blue]="!touchDevice"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-blue"
+		        	[class.w3-hover-blue]="!touchDevice" [class.w3-hover-pale-blue]="touchDevice"
 		        	(click)="choose(q,0)" *ngIf="answers[q]!=0">
 		        	<i class="fa fa-hand-peace-o" aria-hidden="true"></i> Enthalten
 		        </button>