From f81cae475ea6ed7a7b416b42a63536c73e6852bf Mon Sep 17 00:00:00 2001 From: Zita Szupera Date: Wed, 25 Mar 2026 17:01:41 +0100 Subject: [PATCH] fix: increase message list width --- src/components/MessageComposer/styling/MessageComposer.scss | 2 +- src/components/MessageList/styling/MessageList.scss | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/MessageComposer/styling/MessageComposer.scss b/src/components/MessageComposer/styling/MessageComposer.scss index c59964f9c2..274cc08a48 100644 --- a/src/components/MessageComposer/styling/MessageComposer.scss +++ b/src/components/MessageComposer/styling/MessageComposer.scss @@ -34,7 +34,7 @@ --str-chat__cooldown-border-inline-start: 0; --str-chat__cooldown-border-inline-end: 0; --str-chat__cooldown-box-shadow: none; - --str-chat__message-composer-max-width: 768px; + --str-chat__message-composer-max-width: 1120px; --str-chat__message-composer-padding: var(--spacing-md); --str-chat__message-composer-command-transition-duration: 280ms; --str-chat__message-composer-command-ease: cubic-bezier(0.22, 1, 0.32, 1); diff --git a/src/components/MessageList/styling/MessageList.scss b/src/components/MessageList/styling/MessageList.scss index 8d5cbe0c6a..6892c572b4 100644 --- a/src/components/MessageList/styling/MessageList.scss +++ b/src/components/MessageList/styling/MessageList.scss @@ -13,7 +13,7 @@ .str-chat__message-list-main-panel { --str-chat__message-list-scroll-max-width: calc( var(--str-chat__message-composer-max-width) + - var(--str-chat__message-composer-padding) + (2 * var(--str-chat__message-composer-padding)) ); } @@ -30,7 +30,6 @@ .str-chat__message-list-scroll { @include utils.message-list-spacing; - /* Max container 800px, 16px padding → 768px readable content; matches composer width + padding */ max-width: var(--str-chat__message-list-scroll-max-width); .str-chat__ul { list-style: none;