From e14dd36a0ab2f6cc861cf062046177d0c52b8ca2 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 19 May 2025 22:47:47 +0200
Subject: [PATCH] Remove toplevel view animation in dashboard

This is confusion if view elements shrink/expand during loading
---
 dashboard/src/Index.vue | 50 ++++++++++++++++++++---------------------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index c9e84e1b6..0b8405630 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -290,32 +290,30 @@ onMounted(async () => {
           <Headerbar :config="config" :subscription="subscription" :profile="profile"/>
 
           <div style="display: flex; justify-content: center; overflow: auto; flex-grow: 1; padding: 0 6px; position: relative;">
-            <Transition name="slide-fade">
-              <AppsView v-if="view === VIEWS.APPS" />
-              <AppConfigureView v-else-if="view === VIEWS.APP" />
-              <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
-              <BackupsView v-else-if="view === VIEWS.BACKUPS" />
-              <BrandingView v-else-if="view === VIEWS.BRANDING" />
-              <DomainsView v-else-if="view === VIEWS.DOMAINS" />
-              <EmailDomainView v-else-if="view === VIEWS.EMAIL_DOMAIN" />
-              <EmailMailboxesView v-else-if="view === VIEWS.EMAIL_MAILBOXES" />
-              <EmailMailinglistsView v-else-if="view === VIEWS.EMAIL_MAILINGLISTS" />
-              <EmailSettingsView v-else-if="view === VIEWS.EMAIL_SETTINGS" />
-              <EmailEventlogView v-else-if="view === VIEWS.EMAIL_EVENTLOG" />
-              <EmailStatusView v-else-if="view === VIEWS.EMAIL_STATUS" />
-              <EventlogView v-else-if="view === VIEWS.EVENTLOG" />
-              <NetworkView v-else-if="view === VIEWS.NETWORK" />
-              <ProfileView v-else-if="view === VIEWS.PROFILE" />
-              <ServicesView v-else-if="view === VIEWS.SERVICES" />
-              <SettingsView v-else-if="view === VIEWS.SETTINGS" />
-              <SupportView v-else-if="view === VIEWS.SUPPORT" />
-              <SystemView v-else-if="view === VIEWS.SYSTEM" />
-              <UserDirectorySettingsView v-else-if="view === VIEWS.USER_DIRECTORY_SETTINGS" />
-              <UserDirectoryLdapProviderView v-else-if="view === VIEWS.USER_DIRECTORY_LDAP_PROVIDER" />
-              <UserDirectoryOpenIdProviderView v-else-if="view === VIEWS.USER_DIRECTORY_OPENID_PROVIDER" />
-              <UsersView v-else-if="view === VIEWS.USERS" />
-              <VolumesView v-else-if="view === VIEWS.VOLUMES" />
-            </Transition>
+            <AppsView v-if="view === VIEWS.APPS" />
+            <AppConfigureView v-else-if="view === VIEWS.APP" />
+            <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
+            <BackupsView v-else-if="view === VIEWS.BACKUPS" />
+            <BrandingView v-else-if="view === VIEWS.BRANDING" />
+            <DomainsView v-else-if="view === VIEWS.DOMAINS" />
+            <EmailDomainView v-else-if="view === VIEWS.EMAIL_DOMAIN" />
+            <EmailMailboxesView v-else-if="view === VIEWS.EMAIL_MAILBOXES" />
+            <EmailMailinglistsView v-else-if="view === VIEWS.EMAIL_MAILINGLISTS" />
+            <EmailSettingsView v-else-if="view === VIEWS.EMAIL_SETTINGS" />
+            <EmailEventlogView v-else-if="view === VIEWS.EMAIL_EVENTLOG" />
+            <EmailStatusView v-else-if="view === VIEWS.EMAIL_STATUS" />
+            <EventlogView v-else-if="view === VIEWS.EVENTLOG" />
+            <NetworkView v-else-if="view === VIEWS.NETWORK" />
+            <ProfileView v-else-if="view === VIEWS.PROFILE" />
+            <ServicesView v-else-if="view === VIEWS.SERVICES" />
+            <SettingsView v-else-if="view === VIEWS.SETTINGS" />
+            <SupportView v-else-if="view === VIEWS.SUPPORT" />
+            <SystemView v-else-if="view === VIEWS.SYSTEM" />
+            <UserDirectorySettingsView v-else-if="view === VIEWS.USER_DIRECTORY_SETTINGS" />
+            <UserDirectoryLdapProviderView v-else-if="view === VIEWS.USER_DIRECTORY_LDAP_PROVIDER" />
+            <UserDirectoryOpenIdProviderView v-else-if="view === VIEWS.USER_DIRECTORY_OPENID_PROVIDER" />
+            <UsersView v-else-if="view === VIEWS.USERS" />
+            <VolumesView v-else-if="view === VIEWS.VOLUMES" />
           </div>
         </div>
       </div>