diff options
| author | Vincent Petry <vincent@nextcloud.com> | 2021-06-18 09:39:15 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-06-18 09:39:15 +0200 |
| commit | eddfeeec1a72125e77e2f6d1c9014ec6a65e1922 (patch) | |
| tree | e9cb0e658c456d89d54da4d8f59dc6fbe8af612b | |
| parent | 95c25f436059c309ac59ccde624f91db8c94f2d6 (diff) | |
| parent | 11445622fe6380b41c1d8c7cadad62a458f3db80 (diff) | |
Merge pull request #5794 from nextcloud/enh/noid/move-toastify-down
Offset toastify when top bar is visible
| -rw-r--r-- | src/App.vue | 7 | ||||
| -rw-r--r-- | src/components/TopBar/TopBar.vue | 2 |
2 files changed, 9 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue index 31c0becda..62da7add3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -451,6 +451,13 @@ export default { } </script> +<style lang="scss"> +/** override toastify position due to top bar */ +body.has-topbar .toastify-top { + top: 65px !important; +} +</style> + <style lang="scss" scoped> .content { height: 100%; diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue index 09a02c0ce..eef0d5ee2 100644 --- a/src/components/TopBar/TopBar.vue +++ b/src/components/TopBar/TopBar.vue @@ -349,6 +349,7 @@ export default { }, mounted() { + document.body.classList.add('has-topbar') document.addEventListener('fullscreenchange', this.fullScreenChanged, false) document.addEventListener('mozfullscreenchange', this.fullScreenChanged, false) document.addEventListener('MSFullscreenChange', this.fullScreenChanged, false) @@ -361,6 +362,7 @@ export default { document.removeEventListener('mozfullscreenchange', this.fullScreenChanged, false) document.removeEventListener('MSFullscreenChange', this.fullScreenChanged, false) document.removeEventListener('webkitfullscreenchange', this.fullScreenChanged, false) + document.body.classList.remove('has-topbar') }, methods: { |