From 5c5875edb33702065fd9083bb740acef348772fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 30 Apr 2019 00:08:41 +0200
Subject: [PATCH] Add animation to comment highlighting
---
src/app/components/shared/comment/comment.component.scss | 6 ++++--
src/theme/dark-Theme/darkTheme.const.ts | 2 +-
src/theme/default-Theme/defaultTheme.const.ts | 2 +-
3 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index db778fc6f..df231fd14 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -5,6 +5,7 @@
padding-bottom: 10px;
padding-top: 10px;
padding-right: 5px;
+ transition: background-color 1s linear;
}
mat-card-content > :first-child {
@@ -90,6 +91,7 @@ h2 {
}
.highlighted {
- // ToDo: Use theme
- background-color: var(--highlighted)!important;
+ background-color: var(--highlighted-comment)!important;
+ transition: background-color 1s linear;
}
+
diff --git a/src/theme/dark-Theme/darkTheme.const.ts b/src/theme/dark-Theme/darkTheme.const.ts
index f28705fe1..eda2c5ec0 100644
--- a/src/theme/dark-Theme/darkTheme.const.ts
+++ b/src/theme/dark-Theme/darkTheme.const.ts
@@ -49,5 +49,5 @@ export const dark = {
'--text-3': '#78909c', // could be used for all texts
'--dialog-bg': '#78909c',
'stats-ok': '#FFB74D',
- '--highlighted' : '#005F63'
+ '--highlighted-comment' : '#005F63'
};
diff --git a/src/theme/default-Theme/defaultTheme.const.ts b/src/theme/default-Theme/defaultTheme.const.ts
index 7f545a40f..bc5d76ae9 100644
--- a/src/theme/default-Theme/defaultTheme.const.ts
+++ b/src/theme/default-Theme/defaultTheme.const.ts
@@ -45,5 +45,5 @@ export const defaultTheme = {
'--room-list-card-color': '#4db6ac', // shared/room-list.component.scss
'--statistic-bg-color': '#fff8e1', // shared/statistic.component.scss & shared/statistics-page.component.scss
'--dialog-bg': '#e0f2f1',
- '--highlighted' : '#FFD54F'
+ '--highlighted-comment' : '#FFD54F'
};
--
GitLab