mirror of
https://github.com/discourse/discourse.git
synced 2025-02-10 21:34:50 +00:00
c767a38086
Follow up to 82b4a53d29b6e043001e37cb448f077a19067a33 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;
|
|
}
|
|
}
|