From f2e2f60264a5a752f59a243be3c48ae6b440cfca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 16 Sep 2019 18:01:28 +0200
Subject: [PATCH] Set max-height for comment-dialog and fix colors
---
.../present-comment/present-comment.component.html | 2 +-
.../present-comment/present-comment.component.scss | 8 ++++++--
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html
index 9a210632e..1fb4b311d 100644
--- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html
+++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html
@@ -9,7 +9,7 @@
</div>
</div>
<button id="exitButton" mat-raised-button (click)="onCloseClick()">
- <mat-icon >exit_to_app</mat-icon>
+ <mat-icon class="exitIcon">exit_to_app</mat-icon>
</button>
<div id="comment">
<p>
diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss
index 37da440d2..84e56eea8 100644
--- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss
+++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss
@@ -3,7 +3,7 @@
flex-direction: column;
justify-content: center;
text-align: left;
- min-height: 90vh;
+ max-height: 90vh;
font-size: 2.1em;
margin: 5%;
white-space: pre-line;
@@ -21,7 +21,7 @@
}
#exitButton {
- background-color: var(--dialog);
+ background-color: var(--primary);
color: black;
position:absolute;
top:2em;
@@ -29,6 +29,10 @@
max-height: 100px;
}
+.exitIcon {
+ color: var(--on-primary);
+}
+
mat-icon {
color: var(--on-surface);
}
--
GitLab