mirror of
https://github.com/discourse/discourse.git
synced 2026-08-09 18:01:48 +08:00
a51ad87452This commit regroups multiple fixes: - introduces forceScrollingElementPosition modifier, a modifier which attempts to reposition the body on iOS as it might be scrolled - uses a new library for body scroll lock and attempts to use it more precisely - correctly accounts for composer height so the composer is not over chat for example - applies the new preventScrollOnFocus modifier at more locations
44 lines
736 B
SCSS
Vendored
44 lines
736 B
SCSS
Vendored
.full-page-chat {
|
|
#main-chat-outlet.chat-view {
|
|
height: calc(
|
|
100dvh - var(--main-outlet-offset) - var(--composer-height, 0px)
|
|
);
|
|
display: grid;
|
|
grid-template-rows: 1fr auto;
|
|
grid-template-areas:
|
|
"list"
|
|
"footer";
|
|
}
|
|
|
|
.channels-list {
|
|
grid-area: list;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.c-routes {
|
|
grid-area: list;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.c-footer {
|
|
position: relative;
|
|
|
|
&__item {
|
|
.c-unread-indicator,
|
|
.c-unread-indicator.-urgent {
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
&.--active {
|
|
.full-page-chat & {
|
|
.d-icon,
|
|
.d-button-label {
|
|
color: var(--d-nav-color--active);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
