discourse/plugins/chat/assets/stylesheets/common/chat-thread.scss

36 lines
754 B
SCSS

.chat-thread {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
&__header {
height: var(--chat-header-offset);
min-height: var(--chat-header-offset);
border-bottom: 1px solid var(--primary-low);
border-top: 1px solid var(--primary-low);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
padding-inline: 1rem;
}
&__body {
overflow-y: scroll;
@include chat-scrollbar();
margin: 2px;
padding-right: 2px;
box-sizing: border-box;
flex-grow: 1;
overscroll-behavior: contain;
display: flex;
flex-direction: column-reverse;
will-change: transform;
}
.chat-composer {
padding-bottom: 28px;
}
}