From 77d65d6cecfae1bdbf5e5b7d8c882d39846b91f1 Mon Sep 17 00:00:00 2001 From: eugenijm Date: Thu, 23 Jul 2020 12:20:48 +0300 Subject: Ensures the minimized modal is always 50px above the mobile browser bottom bar regardless of whether or not it is visible. --- src/components/settings_modal/settings_modal.scss | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/components/settings_modal') diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss index cdb32fd7..90446b36 100644 --- a/src/components/settings_modal/settings_modal.scss +++ b/src/components/settings_modal/settings_modal.scss @@ -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)); } } -- cgit v1.2.3-70-g09d2