Merge pull request #36 from binfalse/master

fixing hover effect of question buttons
wahlbilanz · Aug 29, 2017 · 3890508 · 3890508
2 parents 5218072 + d0d66c9
commit 3890508
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/app/faq/faq.component.html b/src/app/faq/faq.component.html
@@ -471,7 +471,7 @@ <h4 id="changelog">
             <dl>
 
                 <dt>29. August 2017</dt>
-                <dd>Changelog eingebaut</dd>
+                <dd>Changelog eingebaut. Commit <a href="https://github.com/wahlbilanz/DeinWal.de/commit/934ddf39aaad6568903d32c54801142ecb2d692a">934ddf3</a></dd>
 
                 <dt>29. August 2017</dt>
                 <dd>Die Fragen zu CETA und befristeten Arbeitsverträgen nach dem Feedback in der FAZ angepasst. Commits <a href="https://github.com/wahlbilanz/DeinWal.de/commit/b2ba4d1f2f5b39ebe15247f40d1dcb1d5d138fe7">b2ba4d1</a> und <a href="https://github.com/wahlbilanz/DeinWal.de/commit/c2d5c6a406d07b1c654e0f0c6710acfed54346a2">c2d5c6a</a></dd>

diff --git a/src/app/quiz/quiz.component.html b/src/app/quiz/quiz.component.html
@@ -42,30 +42,30 @@ <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 w3-hover-green"
+		        <button class="w3-button w3-ripple active w3-large w3-border w3-border-black w3-pale-green" [class.w3-hover-green]="!touchDevice"
 		        	(click)="choose(q,1)" *ngIf="answers[q]!=1">
 		        	<i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Ja
 		        </button>
-		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-hover-pale-green w3-green"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-green w3-hover-green"
 		        	(click)="choose(q,1)"*ngIf="answers[q]==1">
 		        	<i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Ja
 		        </button>
 
 
-		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-red w3-hover-red"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-red" [class.w3-hover-red]="!touchDevice"
 		        	(click)="choose(q,2)" *ngIf="answers[q]!=2">
 		        	<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-hover-pale-red w3-red"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-red w3-hover-red"
 		        	(click)="choose(q,2)" *ngIf="answers[q]===2">
 		        	<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 w3-hover-blue"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-pale-blue" [class.w3-hover-blue]="!touchDevice"
 		        	(click)="choose(q,0)" *ngIf="answers[q]!=0">
 		        	<i class="fa fa-hand-peace-o" aria-hidden="true"></i> Enthalten
 		        </button>
-		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-hover-pale-blue w3-blue"
+		        <button class="w3-button w3-ripple w3-large w3-border w3-border-black w3-blue w3-hover-blue"
 		        	(click)="choose(q,0)" *ngIf="answers[q]==0">
 		        	<i class="fa fa-hand-peace-o" aria-hidden="true"></i> Enthalten
 		        </button>