github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 13:13:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Overflowing chat content in main-chat-outlet grid (#20301)

Browse Source 
Follow up to 82b4a53d29

On mobile, we just need to add `min-width: 0` to
`chat-live-pane` so it will not overflow the grid
defined in `main-chat-outlet.chat-view`.

The overflow could be triggered by:

1. Replying on mobile to a really long chat message
2. Uploading > 2 files

Both of these situations are fixed.
This commit is contained in:
Martin Brennan 2023-02-15 12:48:18 +10:00 committed by GitHub
parent f96ef33856
commit c767a38086
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/chat/assets/stylesheets/common/chat-side-panel.scss
View File

@ -1,4 +1,10 @@
#main-chat-outlet.chat-view {
min-height: 0;
display: grid;
grid-template-rows: 1fr;
grid-template-areas: "main threads";
grid-template-columns: 1fr;
&.has-side-panel-expanded {
grid-template-columns: 3fr 2fr;
}

4
plugins/chat/assets/stylesheets/mobile/mobile.scss
View File

@ -15,6 +15,10 @@ html.has-full-page-chat {
padding: 0;
.main-chat-outlet {
.chat-live-pane {
min-width: 0;
}
&.has-side-panel-expanded {
grid-template-columns: 1fr;
grid-template-areas: "threads";