mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 23:54:02 +08:00
c767a38086
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.
24 lines
432 B
SCSS
24 lines
432 B
SCSS
#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;
|
|
}
|
|
}
|
|
|
|
.chat-side-panel {
|
|
grid-area: threads;
|
|
min-height: 100%;
|
|
box-sizing: border-box;
|
|
border-left: 1px solid var(--primary-medium);
|
|
|
|
&__list {
|
|
flex-grow: 1;
|
|
padding: 0 1.5em 1em;
|
|
}
|
|
}
|