From 0b962b83f7be4824ff6d80225a7a5280ff7ee6cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 8 Oct 2019 19:52:03 +0200
Subject: [PATCH] Change color of comment freeze button
---
.../shared/comment-list/comment-list.component.html | 4 ++--
.../shared/comment-list/comment-list.component.scss | 7 +++++++
2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/app/components/shared/comment-list/comment-list.component.html b/src/app/components/shared/comment-list/comment-list.component.html
index 1bbcc931f..4e8925aeb 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -35,13 +35,13 @@
<mat-icon class="searchBarIcon">filter_list</mat-icon>
</button>
- <button id="pause-comments" mat-fab aria-labelledby="pause" class="actionButton"
+ <button id="pause-comments" mat-fab aria-labelledby="pause" class="freezeButton"
*ngIf="!searchBox.value && !search && !freeze" (click)="pauseCommentStream()"
matTooltip="{{ 'comment-list.pause-comments' | translate }}">
<mat-icon class="freezeIcon">pause</mat-icon>
</button>
- <button id="play-comments" mat-fab aria-labelledby="play" class="actionButton"
+ <button id="play-comments" mat-fab aria-labelledby="play" class="freezeButton"
*ngIf="!searchBox.value && !search && freeze" (click)="playCommentStream()"
matTooltip="{{ 'comment-list.play-comments' | translate }}">
<mat-icon class="freezeIcon">play_arrow</mat-icon>
diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss
index f5b1dc46f..01de8e6d5 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -71,6 +71,13 @@ app-comment {
background-color: var(--primary);
}
+.freezeButton {
+ width: 40px;
+ height: 40px;
+ margin: 0 2% 0 5%;
+ background-color: var(--secondary);
+}
+
.actionIcon {
transform: scale(1.5);
color: var(--surface)
--
GitLab