fix: Don't flash footer at top of page while tabs are switching

- fix: simwrapper#123
sfcta · Mar 16, 2022 · 2f19ade · 2f19ade
1 parent 714b29b
commit 2f19ade
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/views/DashBoard.vue b/src/views/DashBoard.vue
@@ -297,6 +297,7 @@ export default class VueComponent extends Vue {
 
       this.rows.push(cards)
     }
+    this.$emit('layoutComplete')
   }
 
   private numberOfShownCards = 1

diff --git a/src/views/TabbedDashboardView.vue b/src/views/TabbedDashboardView.vue
@@ -28,6 +28,7 @@
     :zoomed="isZoomed"
     :allConfigFiles="allConfigFiles"
     @zoom="handleZoom"
+    @layoutComplete="handleLayoutComplete"
   )
 
   folder-browser(v-if="dashboardTabWithDelay && dashboardTabWithDelay === 'FILE__BROWSER'"
@@ -39,7 +40,7 @@
 
   p.load-error(v-show="loadErrorMessage" @click="authorizeAfterError"): b {{ loadErrorMessage }}
 
-  .tabholder(v-show="!isZoomed" :class="{wiide}")
+  .tabholder(v-show="showFooter && !isZoomed" :class="{wiide}")
     .tabholdercontainer(:class="{wiide}")
       .project-footer(v-if="footer" v-html="footer" :class="{wiide}")
 
@@ -269,6 +270,7 @@ export default class VueComponent extends Vue {
     // Force teardown the dashboard to ensure we start with a clean slate
     this.activeTab = ''
     this.dashboardTabWithDelay = ''
+    this.showFooter = false
     await this.$nextTick()
 
     this.activeTab = tab
@@ -284,6 +286,12 @@ export default class VueComponent extends Vue {
     this.$emit('zoom', this.isZoomed)
   }
 
+  private showFooter = false
+
+  private handleLayoutComplete() {
+    this.showFooter = true
+  }
+
   private getFileSystem(name: string) {
     const svnProject: FileSystemConfig[] = this.$store.state.svnProjects.filter(
       (a: FileSystemConfig) => a.slug === name