therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ensures the minimized modal is always 50px above the mobile browser bottom bar regardless of whether or not it is visible.

Browse source
This commit is contained in:
eugenijm 2020-07-23 12:20:48 +03:00
parent 2298ad0011
commit 77d65d6cec
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/settings_modal/settings_modal.scss
View file

@ -15,6 +15,9 @@
transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));
@media all and (max-width: 800px) {
/* For mobile, the modal takes 100% of the available screen.
This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.
*/
transform: translateY(calc(100% - 50px));
}
}