From fe3374d843ed0dcd756c798db128dbfbb8ad0f58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 24 Aug 2020 14:34:43 +0200
Subject: [PATCH] Add body class when dashboard is scrolled
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
apps/dashboard/src/App.vue | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index 7c4e51d70c7..e7668468a50 100644
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -235,6 +235,7 @@ export default {
},
mounted() {
this.updateGlobalStyles()
+ window.addEventListener('scroll', this.handleScroll)
setInterval(() => {
this.timer = new Date()
@@ -244,6 +245,9 @@ export default {
window.addEventListener('scroll', this.disableFirstrunHint)
}
},
+ destroyed() {
+ window.removeEventListener('scroll', this.handleScroll)
+ },
methods: {
/**
* Method to register panels that will be called by the integrating apps
@@ -361,6 +365,13 @@ export default {
}
this.saveStatuses()
},
+ handleScroll() {
+ if (window.scrollY > 50) {
+ document.body.classList.add('dashboard--scrolled')
+ } else {
+ document.body.classList.remove('dashboard--scrolled')
+ }
+ },
},
}
</script>
--
GitLab