diff options
| author | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-10-07 15:40:13 +0300 |
|---|---|---|
| committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-10-10 12:17:08 +0300 |
| commit | ed3658a6f407fbfb1aa5c925f983ccfdd5d645f8 (patch) | |
| tree | 91b1b9d10f9c8f53785a5a2fed86bf714b2eaa73 | |
| parent | 8ba446e85f09b4fb29a6d775a3d0e51e6750da2a (diff) | |
Fix org chart card overlapping other card expand buttonfix/org-chart-expand-overlap
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
| -rw-r--r-- | src/components/ChartTemplate.vue | 6 | ||||
| -rw-r--r-- | src/components/OrgChart.vue | 2 |
2 files changed, 5 insertions, 3 deletions
diff --git a/src/components/ChartTemplate.vue b/src/components/ChartTemplate.vue index e8585aff..d6b2ccb4 100644 --- a/src/components/ChartTemplate.vue +++ b/src/components/ChartTemplate.vue @@ -66,22 +66,22 @@ export default { <style lang="scss" scoped> .org-chart-node { background-color: var(--color-main-background); - padding-top: 1px; height: 175px; border-radius: var(--border-radius-large); overflow: visible; &__avatar { margin-top: -30px; - margin-left: 95px; border: 1px solid var(--color-border); } .inner-box { display: flex; flex-direction: column; + align-items: center; height: 175px; padding-top: 0; + margin-top: 30px; border: 1px solid var(--color-border); border-radius: var(--border-radius-large); background-color: var(--color-main-background); @@ -104,6 +104,7 @@ export default { .description { display: flex; justify-content: space-between; + width: 100%; padding: 15px; } } @@ -113,6 +114,7 @@ export default { } .panel { + width: 100%; margin: -34px -1px 0 -1px; background-color: var(--color-primary); height: 15px; diff --git a/src/components/OrgChart.vue b/src/components/OrgChart.vue index d7c62cc2..2ad9a99c 100644 --- a/src/components/OrgChart.vue +++ b/src/components/OrgChart.vue @@ -102,7 +102,7 @@ export default { .data(data) .nodeWidth(() => 250) .initialZoom(1) - .nodeHeight(() => 175) + .nodeHeight(() => 200) .childrenMargin(() => 70) .compactMarginBetween(() => 15) .compactMarginPair(() => 80) |