mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 20:45:17 +08:00
ab326d10d8
When reaching the top of a thread, the full thread title will be displayed if it was too long to fit. It works in mobile, drawer mode, and fullscreen. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
40 lines
835 B
SCSS
40 lines
835 B
SCSS
.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, 0px));
|
|
|
|
.chat-messages-scroll {
|
|
flex-grow: 1;
|
|
overflow-y: scroll;
|
|
overscroll-behavior: contain;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
z-index: 1;
|
|
margin: 0 1px 0 0;
|
|
will-change: transform;
|
|
@include chat-scrollbar();
|
|
min-height: 1px;
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|