From 0d38f3869288bcd281ac9ddbb941f7fc664314a3 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sat, 4 Apr 2026 01:24:20 +0200
Subject: [PATCH] fix chat position

---
 webapp/components/Chat/Chat.vue |  5 +---
 webapp/constants/chat.js        |  4 +--
 webapp/pages/chat.vue           | 51 +++++++++++++++++++--------------
 3 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 7ab22843f..9878d883e 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -247,10 +247,7 @@ export default {
     }),
     chatHeight() {
       if (this.singleRoom) return 'calc(100dvh - 190px)'
-      if (typeof window !== 'undefined' && window.innerWidth <= 768) {
-        return '100%'
-      }
-      return 'calc(100dvh - 190px)'
+      return '100%'
     },
     computedChatStyle() {
       return chatStyle.STYLE.light
diff --git a/webapp/constants/chat.js b/webapp/constants/chat.js
index d471b85b8..5d974ffab 100644
--- a/webapp/constants/chat.js
+++ b/webapp/constants/chat.js
@@ -20,8 +20,8 @@ const STYLE = {
 
     container: {
       border: 'none',
-      borderRadius: styleData.borderRadiusBase,
-      boxShadow: styleData.boxShadowBase,
+      borderRadius: '0',
+      boxShadow: 'none',
     },
 
     header: {
diff --git a/webapp/pages/chat.vue b/webapp/pages/chat.vue
index 979d0f84e..9c5878cf9 100644
--- a/webapp/pages/chat.vue
+++ b/webapp/pages/chat.vue
@@ -90,8 +90,33 @@ export default {
 </script>
 
 <style lang="scss">
-.layout-default:has(.chat-page) .main-container {
-  padding-bottom: 0 !important;
+.layout-default:has(.chat-page) {
+  > .ds-container {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  .main-container {
+    padding-top: var(--header-height, 66px) !important;
+    padding-bottom: 0 !important;
+  }
+}
+
+.chat-page {
+  --footer-height: 40px;
+  display: flex;
+  flex-direction: column;
+  height: calc(100dvh - var(--header-height, 66px) - var(--footer-height));
+  overflow: hidden;
+
+  > * {
+    flex-shrink: 0;
+  }
+
+  > :last-child {
+    flex: 1;
+    min-height: 0;
+  }
 }
 
 @media (max-width: 768px) {
@@ -101,26 +126,10 @@ export default {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
-    .main-container {
-      padding-top: 0 !important;
-      padding-bottom: 0 !important;
-    }
-    .chat-page {
-      padding-top: var(--header-height, 66px);
-      height: 100dvh;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
+  }
 
-      > * {
-        flex-shrink: 0;
-      }
-
-      > :last-child {
-        flex: 1;
-        min-height: 0;
-      }
-    }
+  .chat-page {
+    --footer-height: 0px;
   }
 }
 </style>