From 9d82415e4bd48443edf2212404af2040bbf9e101 Mon Sep 17 00:00:00 2001
From: Lukas Haase <lukas.haase@mni.thm.de>
Date: Sun, 5 Apr 2020 17:39:34 +0200
Subject: [PATCH] Questionwall/Quizwall question vertically centered
---
.../question-wall/question-wall.component.html | 8 ++++++--
.../question-wall/question-wall.component.scss | 2 +-
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.html b/src/app/components/shared/questionwall/question-wall/question-wall.component.html
index bd16c197e..232a2b1c7 100644
--- a/src/app/components/shared/questionwall/question-wall/question-wall.component.html
+++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.html
@@ -15,8 +15,10 @@
</ars-style-btn-material>
</ars-row>
<ars-fill ars-flex-box>
- <ars-fill style="overflow:hidden;">
- <ars-row [overflow]="'auto'">
+ <ars-fill style="overflow:hidden;" ars-flex-box>
+ <ars-fill>
+ </ars-fill>
+ <ars-row>
<ng-container *ngIf="commentFocus">
<h2 class="questionwall-present-timestamp">{{commentFocus.timeAgo}}</h2>
<p class="questionwall-present">{{commentFocus.comment.body}}</p>
@@ -26,6 +28,8 @@
<p class="questionwall-present-introduction-desc">{{'question-wall.introduction-desc' | translate}}</p>
</ng-container>
</ars-row>
+ <ars-fill>
+ </ars-fill>
</ars-fill>
<ars-col [width]="450" [overflow]="'auto'" class="questionwall-list" #colComponent>
<ars-row *ngFor="let comment of comments" class="questionwall-comment-anchor">
diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss
index 055a7d2cc..3275f99d7 100644
--- a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss
+++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss
@@ -63,7 +63,7 @@
}
&-present{
font-size:45px;
- padding:16px 32px 0 32px;
+ padding:16px 32px 16px 32px;
color:var(--ars-header-color);
word-break:break-word;
&-timestamp{
--
GitLab