github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-02 00:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix vertical size calculation

Browse Source
This commit is contained in:
rijkvanzanten
2021-06-12 00:21:13 -04:00
parent dc082269a8
commit 640962d927
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/modules/insights/components/workspace.vue
View File

@@ -90,7 +90,7 @@ export default defineComponent({
const zoomScale = computed(() => {
if (props.zoomToFit === false) return 1;
const { width } = mainElementSize;
const { width, height } = mainElementSize;
const contentPadding = getComputedStyle(document.querySelector('#main-content') as HTMLElement).getPropertyValue(
'--content-padding'
@@ -99,10 +99,14 @@ export default defineComponent({
const contentPaddingPx = Number(contentPadding.substring(0, contentPadding.length - 2));
const scaleWidth: number =
width.value /
(Number(workspaceSize.value.width.substring(0, workspaceSize.value.width.length - 2)) + 2 * contentPaddingPx);
(width.value - 2 * contentPaddingPx) /
Number(workspaceSize.value.width.substring(0, workspaceSize.value.width.length - 2));
return scaleWidth;
const scaleHeight: number =
(height.value - 114 - contentPaddingPx) /
Number(workspaceSize.value.height.substring(0, workspaceSize.value.height.length - 2));
return Math.min(scaleWidth, scaleHeight);
});
return { workspaceSize, mainElement, zoomScale };

4
app/src/modules/insights/routes/dashboard.vue
View File

@@ -52,9 +52,7 @@
<insights-navigation />
</template>
<div class="insights">
<insights-workspace :edit-mode="editMode" :panels="panels" :zoom-to-fit="zoomToFit" />
</div>
<insights-workspace :edit-mode="editMode" :panels="panels" :zoom-to-fit="zoomToFit" />
<router-view
name="detail"