From 336d3f6e0007ac1a19cd629486b0c6bb92d4b73e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 16 Sep 2019 17:40:43 +0200
Subject: [PATCH] Disable riffle of mat-icon buttons in room-view
---
.../room-creator-page/room-creator-page.component.html | 8 ++++----
.../room-moderator-page.component.html | 6 ++++--
.../room-participant-page.component.html | 3 ++-
3 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index 050cf9e93..a58b6c85d 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -48,16 +48,16 @@
</mat-card-content>
<mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1">
<mat-grid-tile>
- <button id="question_answer-button"
- mat-icon-button routerLink="/creator/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
+ <button id="question_answer-button" mat-icon-button [disableRipple]="true"
+ routerLink="/creator/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
<mat-icon matBadge="{{commentCounter}}" class="main-icon"
[ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer</mat-icon>
<h2>{{ 'room-page.comments' | translate}}</h2> <!-- *ngIf="deviceType === 'desktop'" -->
</button>
</mat-grid-tile>
<mat-grid-tile *ngIf="moderationEnabled">
- <button id="gavel-button"
- mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/moderator/comments" aria-labelledby="gavel">
+ <button id="gavel-button" mat-icon-button [disableRipple]="true"
+ routerLink="/moderator/room/{{ room.shortId }}/moderator/comments" aria-labelledby="gavel">
<mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
[ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
</mat-icon>
diff --git a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
index d76e398cd..66fa3bc4c 100644
--- a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
+++ b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
@@ -28,7 +28,8 @@
</mat-card-content>
<mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1">
<mat-grid-tile>
- <button mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/comments">
+ <button mat-icon-button [disableRipple]="true"
+ routerLink="/moderator/room/{{ room.shortId }}/comments">
<mat-icon matBadge="{{commentCounter}}" class="main-icon"
[ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer
</mat-icon>
@@ -36,7 +37,8 @@
</button>
</mat-grid-tile>
<mat-grid-tile *ngIf="moderationEnabled">
- <button mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/moderator/comments">
+ <button mat-icon-button [disableRipple]="true"
+ routerLink="/moderator/room/{{ room.shortId }}/moderator/comments">
<mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
[ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
</mat-icon>
diff --git a/src/app/components/participant/room-participant-page/room-participant-page.component.html b/src/app/components/participant/room-participant-page/room-participant-page.component.html
index 2715ab5f9..8bde7af7e 100644
--- a/src/app/components/participant/room-participant-page/room-participant-page.component.html
+++ b/src/app/components/participant/room-participant-page/room-participant-page.component.html
@@ -28,7 +28,8 @@
</mat-card-content>
<mat-grid-list cols="1" rowHeight="2:1">
<mat-grid-tile>
- <button id="question_answer-button" mat-icon-button routerLink="/participant/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
+ <button id="question_answer-button" mat-icon-button [disableRipple]="true"
+ routerLink="/participant/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
<mat-icon matBadge="{{commentCounter}}" matBadgeColor="primary" class="main-icon"
[ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer
</mat-icon>
--
GitLab