mirror of
https://github.com/discourse/discourse.git
synced 2024-12-03 00:35:18 +08:00
660a40ca06
- apply height on threads list - apply height on thread - correctly applies env(safe-area-inset-bottom)
45 lines
1.0 KiB
SCSS
45 lines
1.0 KiB
SCSS
.chat-thread-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
|
|
height: calc(
|
|
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
|
|
var(--composer-height, 0px) - var(--chat-draft-header-height, 0px) -
|
|
var(--chat-direct-message-creator-height, 0px) -
|
|
env(safe-area-inset-bottom)
|
|
);
|
|
|
|
.footer-nav-ipad & {
|
|
height: calc(
|
|
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
|
|
var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) -
|
|
var(--chat-direct-message-creator-height, 0px) -
|
|
env(safe-area-inset-bottom)
|
|
);
|
|
}
|
|
|
|
&__items {
|
|
overflow-y: scroll;
|
|
@include chat-scrollbar();
|
|
box-sizing: border-box;
|
|
flex-grow: 1;
|
|
overscroll-behavior: contain;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.chat-thread-list-item {
|
|
margin: 0.75rem 0.25rem 0.75rem 0.5rem;
|
|
|
|
& + .chat-thread-list-item {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__no-threads {
|
|
@include thread-list-item;
|
|
margin: 0.5rem 0rem 0.5rem 0.5rem;
|
|
}
|
|
}
|