From b6d1ccf96d7748278801ec18851ce87345087993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 3 Jun 2019 23:33:30 +0200
Subject: [PATCH] Fix view of comment presentation
---
.../present-comment.component.html | 14 +++++++++++---
.../present-comment.component.scss | 16 ++++++----------
2 files changed, 17 insertions(+), 13 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 e24779e17..2821f44cd 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
@@ -1,6 +1,14 @@
-<mat-slider min="1" max="2" step="0.1" thumbLabel tickInterval="auto"
- (input)="updateFontSize($event)" id="slider"></mat-slider>
-<button id="exitButton" mat-raised-button color="warn" (click)="onCloseClick()">
+<div fxLayout="row">
+ <div fxLayout="column" fxLayoutAlign="center">
+ <mat-icon>zoom_out</mat-icon>
+ </div>
+ <mat-slider min="1" max="5" step="0.1" tickInterval="auto"
+ (input)="updateFontSize($event)" id="slider"></mat-slider>
+ <div fxLayout="column" fxLayoutAlign="center">
+ <mat-icon>zoom_in</mat-icon>
+ </div>
+</div>
+<button id="exitButton" mat-raised-button (click)="onCloseClick()">
<mat-icon >exit_to_app</mat-icon>
</button>
<div id="comment">
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 305ba28b0..b08d1d39f 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
@@ -2,22 +2,18 @@
display: flex;
flex-direction: column;
justify-content: center;
- align-items: center;
- text-align: center;
+ text-align: left;
min-height: 90vh;
font-size: 2.1em;
- margin: 0.5em 0.5em;
-
+ margin: 5%;
+ word-break: break-all;
}
#exitButton {
+ background-color: var(--red);
+ color: white;
position:absolute;
top:2em;
right:2em;
-}
-
-#slider {
- position:absolute;
- top:2em;
- left:2em;
+ max-height: 100px;
}
--
GitLab