From 59c88eb52e302c0810542f31f799fa86f199849f Mon Sep 17 00:00:00 2001
From: Andre Hanke <andre.holger.hanke@mni.thm.de>
Date: Tue, 30 Jun 2020 14:18:16 +0200
Subject: [PATCH] Add on focus for question icons
---
.../shared/comment-list/comment-list.component.scss | 3 ++-
.../shared/comment-page/comment-page.component.scss | 1 +
.../components/shared/comment/comment.component.scss | 11 ++++++++---
3 files changed, 11 insertions(+), 4 deletions(-)
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 76e62c34c..cda3d568a 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -141,7 +141,7 @@ app-comment {
}
h3 {
- font-size: 18pt!important;
+ font-size: 18pt !important;
margin: 10px;
}
@@ -191,3 +191,4 @@ h3 {
.visible {
transform: scale(1);
}
+
diff --git a/src/app/components/shared/comment-page/comment-page.component.scss b/src/app/components/shared/comment-page/comment-page.component.scss
index 501394eb4..b66f75fdd 100644
--- a/src/app/components/shared/comment-page/comment-page.component.scss
+++ b/src/app/components/shared/comment-page/comment-page.component.scss
@@ -2,3 +2,4 @@ app-comment-list {
width: 100%;
max-width: 800px;
}
+
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index 1b524e179..cdbf442c8 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -78,6 +78,7 @@ mat-card-content > :first-child {
.click {
cursor: pointer;
}
+
user.role
.mat-icon {
transform: scale(1.2);
@@ -95,12 +96,12 @@ user.role
}
.highlighted {
- background-color: var(--secondary)!important;
+ background-color: var(--secondary) !important;
transition: background-color 1s linear;
}
.highlighted * {
- color: var(--on-secondary)!important;
+ color: var(--on-secondary) !important;
}
.gavel {
@@ -108,7 +109,7 @@ user.role
}
.moderator {
- background-color: var(--moderator)!important;
+ background-color: var(--moderator) !important;
}
.comment-tags {
@@ -207,3 +208,7 @@ user.role
transform: scale3d(1, 1, 1)
}
}
+
+button:focus {
+ border: 1px solid var(--on-surface);
+}
--
GitLab