diff options
| author | eugenijm <eugenijm@protonmail.com> | 2020-07-23 09:41:22 +0300 |
|---|---|---|
| committer | eugenijm <eugenijm@protonmail.com> | 2020-07-23 12:15:44 +0300 |
| commit | 2298ad0011e8507a138d967ed142641981e1e297 (patch) | |
| tree | dde1b2430954b14d3d32b75b8d05abef518f82a1 /src/components/settings_modal | |
| parent | 61dd1a3b4935d0466bfd77e026c19461d62b124f (diff) | |
Use bock-scroll-lock directive for the settings modal
Diffstat (limited to 'src/components/settings_modal')
| -rw-r--r-- | src/components/settings_modal/settings_modal.js | 12 | ||||
| -rw-r--r-- | src/components/settings_modal/settings_modal.scss | 3 |
2 files changed, 1 insertions, 14 deletions
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js index 4f54d6a3..f0d49c91 100644 --- a/src/components/settings_modal/settings_modal.js +++ b/src/components/settings_modal/settings_modal.js @@ -36,18 +36,6 @@ const SettingsModal = { modalPeeked () { return this.$store.state.interface.settingsModalState === 'minimized' } - }, - watch: { - // This is the only way to access the <html> element. - modalActivated (newValue) { - let html = document.querySelector('html') - if (!html) return - if (newValue) { - html.classList.add('settings-modal-layout') - } else { - html.classList.remove('settings-modal-layout') - } - } } } diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss index f32db4bd..cdb32fd7 100644 --- a/src/components/settings_modal/settings_modal.scss +++ b/src/components/settings_modal/settings_modal.scss @@ -1,7 +1,6 @@ @import 'src/_variables.scss'; .settings-modal { overflow: hidden; - height: 100%; &.peek { .settings-modal-panel { @@ -16,7 +15,7 @@ transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px)); @media all and (max-width: 800px) { - transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 100px)); + transform: translateY(calc(100% - 50px)); } } } |