Add ripple to groups

master
Max 5 years ago
parent 962646d0de
commit c1741bcb7d

@ -10,6 +10,8 @@
width: 100% width: 100%
margin-top: 0.5em margin-top: 0.5em
cursor: pointer cursor: pointer
outline: none
user-select: none
::ng-deep .mat-card-header-text ::ng-deep .mat-card-header-text
margin: 0 24px margin: 0 24px

@ -2,7 +2,7 @@
<span>Groups</span> <span>Groups</span>
<div id="button-box"> <div id="button-box">
<button mat-icon-button (click)="openDialog()" matTooltip="create group" matTooltipPosition="left" <button mat-icon-button (click)="openDialog()" matTooltip="create group" matTooltipPosition="left"
matTooltipShowDelay="500"> matTooltipShowDelay="500">
<mat-icon>group_add</mat-icon> <mat-icon>group_add</mat-icon>
</button> </button>
</div> </div>
@ -10,7 +10,8 @@
<div id="grouplist"> <div id="grouplist">
<mat-card class="group-card" *ngFor="let group of user.groups" <mat-card class="group-card" *ngFor="let group of user.groups"
[class.selected]="group === selectedGroup" (click)="showGroupProfile(group)"> matRipple
[class.selected]="group === selectedGroup" (click)="showGroupProfile(group)">
<mat-card-header> <mat-card-header>
<div mat-card-avatar> <div mat-card-avatar>
<img class="group-picture" [src]="group.picture"/> <img class="group-picture" [src]="group.picture"/>

Loading…
Cancel
Save