FIX: ensures page height is correct on ipad + hub (#21345)

The previous style was not being in each case, this should correctly fix it.
This commit is contained in:
Joffrey JAFFEUX 2023-05-02 23:00:16 +02:00 committed by GitHub
parent 8caa58acf2
commit e66f640234
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -582,6 +582,15 @@ html.has-full-page-chat {
height: 100%;
width: 100%;
&.footer-nav-ipad {
#main-outlet-wrapper {
grid-template-rows: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px)
);
}
}
#main-outlet {
display: flex;
flex-direction: column;
@ -618,13 +627,6 @@ html.has-full-page-chat {
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px)
);
.footer-nav-ipad & {
grid-template-rows: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px)
);
}
.sidebar-wrapper {
// prevents sidebar from overflowing behind the virtual keyboard
height: 100%;