From 4f93d6e0f6f1cb75f502706bd113a4de44ebbcba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Wed, 23 Jan 2019 21:24:51 +0100 Subject: [PATCH] Fix header-icon colors --- src/app/components/shared/header/header.component.html | 6 +++--- src/app/components/shared/header/header.component.scss | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html index 1c52eda53..c146edfe6 100644 --- a/src/app/components/shared/header/header.component.html +++ b/src/app/components/shared/header/header.component.html @@ -18,10 +18,10 @@ </button> <mat-menu #appMenu="matMenu" [overlapTrigger]="false"> - <button mat-menu-item (click)="logout()"> - <mat-icon class="warn">exit_to_app</mat-icon> - <span>{{ 'header.logout' | translate }}</span> + <button mat-icon-button class="warn" (click)="logout()"> + <mat-icon>exit_to_app</mat-icon> </button> + <span>{{ 'header.logout' | translate }}</span> </mat-menu> <button mat-icon-button *ngIf="user" [matMenuTriggerFor]="appMenu"> <mat-icon *ngIf="user.role === 1" aria-label="Example icon-button with a heart icon" color="accent">record_voice_over</mat-icon> diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss index 244c055c3..34b7bb3f9 100644 --- a/src/app/components/shared/header/header.component.scss +++ b/src/app/components/shared/header/header.component.scss @@ -4,5 +4,5 @@ } .warn { - color: #f44336; + color: #ff8a80; } -- GitLab