From 948e10544d3e7f6c321cc4b243122eef35c337a7 Mon Sep 17 00:00:00 2001
From: Maximilian Harz <maxharz@gmail.com>
Date: Tue, 8 Apr 2025 17:52:06 +0200
Subject: [PATCH] Scroll to notification settings when opened (for mobile)

---
 webapp/pages/settings.vue               | 2 +-
 webapp/pages/settings/notifications.vue | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/webapp/pages/settings.vue b/webapp/pages/settings.vue
index 1fce64d8f..b25eeb1bd 100644
--- a/webapp/pages/settings.vue
+++ b/webapp/pages/settings.vue
@@ -8,7 +8,7 @@
       <ds-flex-item :width="{ base: '100%', md: '200px' }">
         <ds-menu :routes="routes" :is-exact="() => true" />
       </ds-flex-item>
-      <ds-flex-item :width="{ base: '100%', md: 1 }">
+      <ds-flex-item :width="{ base: '100%', md: 1 }" id="settings-content">
         <transition name="slide-up" appear>
           <nuxt-child />
         </transition>
diff --git a/webapp/pages/settings/notifications.vue b/webapp/pages/settings/notifications.vue
index b42238da2..b02e30494 100644
--- a/webapp/pages/settings/notifications.vue
+++ b/webapp/pages/settings/notifications.vue
@@ -71,6 +71,11 @@ export default {
       })),
     ]
   },
+  mounted() {
+    document.getElementById('settings-content').scrollIntoView({
+      behavior: 'smooth',
+    })
+  },
   methods: {
     ...mapMutations({
       setCurrentUser: 'auth/SET_USER',