From dc082269a8c858093363ea4c87541937a169cc07 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Sat, 12 Jun 2021 00:14:20 -0400
Subject: [PATCH] Temp remove transition to prevent browser glitches

---
 app/src/modules/insights/components/workspace.vue | 5 ++++-
 app/src/modules/insights/routes/dashboard.vue     | 4 +++-
 app/src/views/private/private-view.vue            | 8 ++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/src/modules/insights/components/workspace.vue b/app/src/modules/insights/components/workspace.vue
index c038a243b2..5582b0537f 100644
--- a/app/src/modules/insights/components/workspace.vue
+++ b/app/src/modules/insights/components/workspace.vue
@@ -121,7 +121,10 @@ export default defineComponent({
 	overflow: visible;
 	transform: scale(1);
 	transform-origin: top left;
-	transition: transform var(--slow) var(--transition);
+
+	/* This causes the header bar to "unhinge" on the left edge :C */
+
+	/* transition: transform var(--slow) var(--transition); */
 }
 
 .workspace > * {
diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index 6133840d9a..740a41c0ce 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -52,7 +52,9 @@
 			<insights-navigation />
 		</template>
 
-		<insights-workspace :edit-mode="editMode" :panels="panels" :zoom-to-fit="zoomToFit" />
+		<div class="insights">
+			<insights-workspace :edit-mode="editMode" :panels="panels" :zoom-to-fit="zoomToFit" />
+		</div>
 
 		<router-view
 			name="detail"
diff --git a/app/src/views/private/private-view.vue b/app/src/views/private/private-view.vue
index 86cff8fec2..792b06cda3 100644
--- a/app/src/views/private/private-view.vue
+++ b/app/src/views/private/private-view.vue
@@ -294,13 +294,17 @@ export default defineComponent({
 		#navigation {
 			position: fixed;
 			transform: translateX(-100%);
-			transition: transform var(--slow) var(--transition);
+			transition: none;
+		}
+
+		#main-content {
+			margin: 0;
 		}
 
 		#sidebar {
 			position: fixed;
 			transform: translateX(100%);
-			transition: transform var(--slow) var(--transition);
+			transition: none;
 		}
 	}
 }