From 5de8fa0073b8a12d1c7eea6fde9b98318cb58054 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=20K=C3=A4sler?= <tom.kaesler@mni.thm.de>
Date: Thu, 13 Jun 2019 14:41:10 +0200
Subject: [PATCH] Manage overflowing comment presentation view
---
.../present-comment/present-comment.component.html | 4 +++-
.../present-comment/present-comment.component.scss | 10 +++++++++-
2 files changed, 12 insertions(+), 2 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 2821f44cd..9a210632e 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
@@ -12,5 +12,7 @@
<mat-icon >exit_to_app</mat-icon>
</button>
<div id="comment">
- {{body}}
+ <p>
+ {{body}}
+ </p>
</div>
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 b08d1d39f..c8501415f 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
@@ -6,7 +6,15 @@
min-height: 90vh;
font-size: 2.1em;
margin: 5%;
- word-break: break-all;
+}
+
+#comment p {
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
}
#exitButton {
--
GitLab