From 21893f00b8e34655f9116b77050e320dc3bc91e1 Mon Sep 17 00:00:00 2001
From: Maximilian Krambach <maximilian.krambach@intevation.de>
Date: Wed, 6 Mar 2019 12:18:07 +0100
Subject: [PATCH] disable some unnecessary  ripples in motion detail view

---
 .../motion-detail.component.html              | 28 +++++++++++++------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/client/src/app/site/motions/components/motion-detail/motion-detail.component.html b/client/src/app/site/motions/components/motion-detail/motion-detail.component.html
index 1a0dfba8e..70048efe4 100644
--- a/client/src/app/site/motions/components/motion-detail/motion-detail.component.html
+++ b/client/src/app/site/motions/components/motion-detail/motion-detail.component.html
@@ -231,7 +231,7 @@
                 </div>
             </mat-menu>
             <div *ngIf="perms.isAllowed('change_state', motion)">
-                <mat-basic-chip [matMenuTriggerFor]="stateMenu" [ngClass]="motion.stateCssColor">
+                <mat-basic-chip [matMenuTriggerFor]="stateMenu" [ngClass]="motion.stateCssColor" disableRipple>
                     {{ stateLabel }}
                 </mat-basic-chip>
                 <div *ngIf="motion.state && motion.state.show_state_extension_field" class="spacer-top-10">
@@ -242,7 +242,7 @@
                 </div>
             </div>
             <div *ngIf="!perms.isAllowed('change_state', motion)">
-                <mat-basic-chip [ngClass]="motion.stateCssColor"> {{ stateLabel }} </mat-basic-chip>
+                <mat-basic-chip [ngClass]="motion.stateCssColor" disableRipple> {{ stateLabel }} </mat-basic-chip>
             </div>
         </div>
 
@@ -268,7 +268,7 @@
                 </button>
             </mat-menu>
             <div *ngIf="perms.isAllowed('change_metadata', motion)">
-                <mat-basic-chip [matMenuTriggerFor]="recommendationMenu" class="bluegrey">
+                <mat-basic-chip [matMenuTriggerFor]="recommendationMenu" class="bluegrey" disableRipple>
                     {{ recommendationLabel || '–' }}
                 </mat-basic-chip>
                 <div
@@ -298,7 +298,7 @@
                 </div>
             </div>
             <div *ngIf="!perms.isAllowed('change_metadata', motion) && recommendationLabel">
-                <mat-basic-chip class="bluegrey"> {{ recommendationLabel }} </mat-basic-chip>
+                <mat-basic-chip class="bluegrey" disableRipple> {{ recommendationLabel }} </mat-basic-chip>
             </div>
             <button
                 mat-stroked-button
@@ -328,10 +328,15 @@
                 *ngIf="perms.isAllowed('change_metadata', motion)"
                 [matMenuTriggerFor]="categoryMenu"
                 class="grey"
+                disableRipple
             >
                 {{ motion.category || '–' }}
             </mat-basic-chip>
-            <mat-basic-chip *ngIf="!perms.isAllowed('change_metadata', motion) && motion.category" class="grey">
+            <mat-basic-chip
+                *ngIf="!perms.isAllowed('change_metadata', motion) && motion.category"
+                class="grey"
+                disableRipple
+            >
                 {{ motion.category }}
             </mat-basic-chip>
         </div>
@@ -354,11 +359,11 @@
                 <!-- Make the whole container a trigger to prevent unexpected menu behavior -->
                 <div [matMenuTriggerFor]="tagMenu">
                     <!-- No selected tags -->
-                    <mat-basic-chip *ngIf="!motion.hasTags()" class="grey" disabled> {{ '–' }} </mat-basic-chip>
+                    <mat-basic-chip *ngIf="!motion.hasTags()" class="grey" disabled disableRipple> {{ '–' }} </mat-basic-chip>
 
                     <!-- Display a chip list of tags -->
                     <mat-chip-list class="mat-chip-list-stacked">
-                        <mat-basic-chip *ngFor="let tag of motion.tags" class="grey" disabled>
+                        <mat-basic-chip *ngFor="let tag of motion.tags" class="grey" disabled disableRipple>
                             {{ tag }}
                         </mat-basic-chip>
                     </mat-chip-list>
@@ -368,7 +373,7 @@
             <!-- For non privileged users -->
             <div *ngIf="!perms.isAllowed('change_metadata', motion)">
                 <mat-chip-list class="mat-chip-list-stacked">
-                    <mat-basic-chip *ngFor="let tag of motion.tags" class="grey"> {{ tag }} </mat-basic-chip>
+                    <mat-basic-chip *ngFor="let tag of motion.tags" class="grey" disableRipple> {{ tag }} </mat-basic-chip>
                 </mat-chip-list>
             </div>
         </div>
@@ -386,10 +391,15 @@
                 *ngIf="perms.isAllowed('change_metadata', motion)"
                 [matMenuTriggerFor]="blockMenu"
                 class="grey"
+                disableRipple
             >
                 {{ motion.motion_block || '–' }}
             </mat-basic-chip>
-            <mat-basic-chip *ngIf="!perms.isAllowed('change_metadata', motion) && motion.motion_block" class="grey">
+            <mat-basic-chip
+                *ngIf="!perms.isAllowed('change_metadata', motion) && motion.motion_block"
+                class="grey"
+                disableRipple
+            >
                 {{ motion.motion_block }}
             </mat-basic-chip>
         </div>