Temp remove transition to prevent browser glitches

This commit is contained in:
rijkvanzanten
2021-06-12 00:14:20 -04:00
parent a982e7e2ed
commit dc082269a8
3 changed files with 13 additions and 4 deletions

View File

@@ -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 > * {

View File

@@ -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"

View File

@@ -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;
}
}
}