diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-29 15:08:39 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-29 15:08:39 +1000 |
| commit | 005873dc9c276d54c150c057e9655aa0fddddd70 (patch) | |
| tree | 572a40941e0d72dd3aca82fdca17044fe91ab3b4 /src/components/AncestryBar.vue | |
| parent | e3a86973922fa9370900f2e3b07a78222e44b056 (diff) | |
Make changing of min/max-tile-sz update ancestry-bar breadthdynamic-sidebar-breadth
Diffstat (limited to 'src/components/AncestryBar.vue')
| -rw-r--r-- | src/components/AncestryBar.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index c2aadf8..38d51c3 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -16,6 +16,7 @@ export default defineComponent({ props: { nodes: {type: Array as PropType<LayoutNode[]>, required: true}, vert: {type: Boolean, default: false}, + breadth: {type: Number, required: true}, // Other lytOpts: {type: Object as PropType<LayoutOptions>, required: true}, uiOpts: {type: Object as PropType<UiOptions>, required: true}, @@ -23,7 +24,7 @@ export default defineComponent({ }, computed: { imgSz(){ - return this.uiOpts.ancestryBarBreadth - this.lytOpts.tileSpacing - this.uiOpts.scrollGap; + return this.breadth - this.lytOpts.tileSpacing - this.uiOpts.scrollGap; }, dummyNodes(){ // Childless versions of 'nodes' used to parameterise <tile>s return this.nodes.map(n => { |