mirror of
https://github.com/discourse/discourse.git
synced 2026-08-15 17:24:47 +08:00
1746de4dc6Fixes full screen chat view when peek-mode for composer is enabled | BC | AC | |--------|--------| | <img width="1426" height="965" alt="CleanShot 2026-06-05 at 13 01 40" src="https://github.com/user-attachments/assets/677261c0-ca65-44a6-90b3-e2810c3f430e" /> | <img width="1426" height="965" alt="CleanShot 2026-06-05 at 13 00 28" src="https://github.com/user-attachments/assets/32960e2f-1b26-4598-9dd1-2120f1754442" /> |
40 lines
806 B
SCSS
Vendored
40 lines
806 B
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.chat-channel {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
min-height: 1px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
grid-area: main;
|
|
min-width: 250px;
|
|
|
|
@include chat-height(var(--chat-header-offset, 0));
|
|
|
|
.peek-mode-active & {
|
|
@include viewport.from(xl) {
|
|
height: calc(
|
|
var(--composer-vh, 1vh) * 100 - var(--main-outlet-offset, 0px) -
|
|
1px - var(--chat-header-offset, 0)
|
|
);
|
|
}
|
|
}
|
|
|
|
.join-channel-btn.in-float {
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
left: 50%;
|
|
top: 10px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.all-loaded-message {
|
|
text-align: center;
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
padding: 0.5em 0.25em 0.25em;
|
|
touch-action: none;
|
|
height: 100%;
|
|
}
|
|
}
|
