From 61dd1a3b4935d0466bfd77e026c19461d62b124f Mon Sep 17 00:00:00 2001 From: eugenijm Date: Thu, 23 Jul 2020 09:06:50 +0300 Subject: Add body 100% width for the preview, refactor the modalActivated watcher, use body scroll lock for the setting tab content --- src/components/settings_modal/settings_modal.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/components/settings_modal/settings_modal.scss') diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss index e7f4d3d3..f32db4bd 100644 --- a/src/components/settings_modal/settings_modal.scss +++ b/src/components/settings_modal/settings_modal.scss @@ -14,6 +14,10 @@ * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible */ transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px)); + + @media all and (max-width: 800px) { + transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 100px)); + } } } -- cgit v1.2.3-70-g09d2