Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: Modals on Android when keyboard is visible (#24442)

This commit is contained in:
Penar Musaraj 2023-11-20 11:56:06 -05:00 committed by GitHub
parent f8a27dcbec
commit 36606a2157
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/mobile/_index.scss
View File

@ -8,6 +8,7 @@
@import "buttons"; @import "buttons";
@import "compose"; @import "compose";
@import "dashboard"; @import "dashboard";
@import "dialog";
@import "directory"; @import "directory";
@import "discourse"; @import "discourse";
@import "edit-category"; @import "edit-category";

6
app/assets/stylesheets/mobile/dialog.scss Normal file
View File

@ -0,0 +1,6 @@
.dialog-container {
// fixes modal placement on Android when keyboard is visible
html.keyboard-visible:not(.ios-device) & {
height: calc(100% - env(keyboard-inset-height));
}
}

9
app/assets/stylesheets/mobile/modal.scss
View File

@ -5,6 +5,15 @@
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
} }
// fixes modal placement on Android when keyboard is visible
html.keyboard-visible:not(.ios-device) & {
height: calc(100% - env(keyboard-inset-height));
.d-modal__container {
max-height: 100%;
}
}
} }
//legacy //legacy