From fe3374d843ed0dcd756c798db128dbfbb8ad0f58 Mon Sep 17 00:00:00 2001
From: =?utf8?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=utf8
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>
-- 
2.39.5