Skip to content

Commit fdf0e15

Browse files
authored
fix: increase message list width (#3062)
### 🎯 Goal https://linear.app/stream/issue/REACT-926/increase-message-list-max-width https://www.notion.so/React-QA-New-Design-3206a5d7f9f680529d41c396be126d0b?d=3296a5d7f9f6806f8682001cc2c477e4&source=copy_link#3206a5d7f9f680348d74e2fd95d82cc9 ### πŸ›  Implementation details _Provide a description of the implementation_ ### 🎨 UI Changes _Add relevant screenshots_
2 parents 55dd2e8 + f81cae4 commit fdf0e15

2 files changed

Lines changed: 2 additions & 3 deletions

File tree

β€Žsrc/components/MessageComposer/styling/MessageComposer.scssβ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
--str-chat__cooldown-border-inline-start: 0;
3535
--str-chat__cooldown-border-inline-end: 0;
3636
--str-chat__cooldown-box-shadow: none;
37-
--str-chat__message-composer-max-width: 768px;
37+
--str-chat__message-composer-max-width: 1120px;
3838
--str-chat__message-composer-padding: var(--spacing-md);
3939
--str-chat__message-composer-command-transition-duration: 280ms;
4040
--str-chat__message-composer-command-ease: cubic-bezier(0.22, 1, 0.32, 1);

β€Žsrc/components/MessageList/styling/MessageList.scssβ€Ž

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
.str-chat__message-list-main-panel {
1414
--str-chat__message-list-scroll-max-width: calc(
1515
var(--str-chat__message-composer-max-width) +
16-
var(--str-chat__message-composer-padding)
16+
(2 * var(--str-chat__message-composer-padding))
1717
);
1818
}
1919

@@ -30,7 +30,6 @@
3030

3131
.str-chat__message-list-scroll {
3232
@include utils.message-list-spacing;
33-
/* Max container 800px, 16px padding β†’ 768px readable content; matches composer width + padding */
3433
max-width: var(--str-chat__message-list-scroll-max-width);
3534
.str-chat__ul {
3635
list-style: none;

0 commit comments

Comments
Β (0)