From bd4c80c6b808f36a0fce60a2029afd2916784836 Mon Sep 17 00:00:00 2001 From: Jason Thomas Date: Sat, 18 Jan 2025 13:39:50 -0700 Subject: [PATCH] Fix graph layout --- .../src/tools/TlmGrapher/TlmGrapher.vue | 1 + .../packages/openc3-vue-common/src/components/Graph.vue | 5 +++-- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-tlmgrapher/src/tools/TlmGrapher/TlmGrapher.vue b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-tlmgrapher/src/tools/TlmGrapher/TlmGrapher.vue index f0220dab43..058fa50900 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-tlmgrapher/src/tools/TlmGrapher/TlmGrapher.vue +++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-tlmgrapher/src/tools/TlmGrapher/TlmGrapher.vue @@ -669,6 +669,7 @@ i.v-icon.mdi-chevron-down { .item.muuri-item-hidden { z-index: 0; } +/* Graph.vue 'width = width / 2.0 - 12' is based on the margin: 6px */ .item-content { position: relative; cursor: pointer; diff --git a/openc3-cosmos-init/plugins/packages/openc3-vue-common/src/components/Graph.vue b/openc3-cosmos-init/plugins/packages/openc3-vue-common/src/components/Graph.vue index 7232f6bd70..96290d6c20 100644 --- a/openc3-cosmos-init/plugins/packages/openc3-vue-common/src/components/Graph.vue +++ b/openc3-cosmos-init/plugins/packages/openc3-vue-common/src/components/Graph.vue @@ -1109,9 +1109,10 @@ export default { height = height / 2.0 + 10 // 5px padding top and bottom } } - let width = viewWidth - 68 // padding left and right + let width = viewWidth - 50 // padding left and right if (!this.fullWidth) { - width = width / 2.0 - 10 // 5px padding left and right + // 6px padding left and right defined in TlmGrapher.vue .item-content + width = width / 2.0 - 12 } return { width: this.width || width,