From e6fd7fe8715ff60981892e80d2cd47545022de2d Mon Sep 17 00:00:00 2001
From: Thilo Billerbeck <thilo.billerbeck@officerent.de>
Date: Sun, 10 Jan 2021 03:17:10 +0100
Subject: [PATCH] align the chat-views position to the bottom of the page to
 overcome view-height bugs (#593)

* align the chat-views position to the bottom of the page

* introduce a media query to make chat scrolling work on mobile
---
 webroot/styles/chat.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/webroot/styles/chat.css b/webroot/styles/chat.css
index cd45576a6..ce24ea990 100644
--- a/webroot/styles/chat.css
+++ b/webroot/styles/chat.css
@@ -3,13 +3,19 @@
 #chat-container {
   position: fixed;
   z-index: 9;
-  top: var(--header-height);
+  bottom: 0;
   right: 0;
   width: var(--right-col-width);
 
   height: calc(100vh - var(--header-height));
 }
 
+@media screen and (max-width: 729px) {
+  #chat-container {
+    top: var(--header-height);
+  }
+}
+
 #message-input-container {
   width: var(--right-col-width);
 }