IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 10:20:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/chat/assets/stylesheets/common/base-common.scss
View File

@ -582,6 +582,15 @@ html.has-full-page-chat {
height: 100%; height: 100%;
width: 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 { #main-outlet {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -618,13 +627,6 @@ html.has-full-page-chat {
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) 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 { .sidebar-wrapper {
// prevents sidebar from overflowing behind the virtual keyboard // prevents sidebar from overflowing behind the virtual keyboard
height: 100%; height: 100%;