diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-05-10 11:20:42 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-05-10 11:40:34 +1000 |
| commit | 96a8a5ed5b22b78368e25209059866915256cc56 (patch) | |
| tree | 54075a58e7551d38d9363d8a62927e7fe1cec125 /src/components/AncestryBar.vue | |
| parent | f50c22d5303507a5d52be960e978ed57c1106fbb (diff) | |
Enable display of active-root with overflow
Diffstat (limited to 'src/components/AncestryBar.vue')
| -rw-r--r-- | src/components/AncestryBar.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index a156a96..ca865e9 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -24,7 +24,7 @@ export default defineComponent({ }, tileSz(){ return (this.wideArea ? this.dims[1] : this.dims[0]) - - (this.uiOpts.ancestryTileMargin * 2) - this.uiOpts.ancestryBarScrollGap; + (this.uiOpts.ancestryTileMargin * 2) - this.uiOpts.scrollGap; }, usedNodes(){ // Childless versions of 'nodes' used to parameterise <tile> return this.nodes.map(n => { @@ -39,10 +39,10 @@ export default defineComponent({ return len > (this.wideArea ? this.dims[0] : this.dims[1]); }, width(){ - return this.dims[0] + (this.wideArea || this.overflowing ? 0 : -this.uiOpts.ancestryBarScrollGap); + return this.dims[0] + (this.wideArea || this.overflowing ? 0 : -this.uiOpts.scrollGap); }, height(){ - return this.dims[1] + (!this.wideArea || this.overflowing ? 0 : -this.uiOpts.ancestryBarScrollGap); + return this.dims[1] + (!this.wideArea || this.overflowing ? 0 : -this.uiOpts.scrollGap); }, styles(): Record<string,string> { return { @@ -54,8 +54,8 @@ export default defineComponent({ overflowX: this.wideArea ? 'auto' : 'hidden', overflowY: this.wideArea ? 'hidden' : 'auto', // Extra padding for scrollbar inclusion - paddingRight: (this.overflowing && !this.wideArea ? this.uiOpts.ancestryBarScrollGap : 0) + 'px', - paddingBottom: (this.overflowing && this.wideArea ? this.uiOpts.ancestryBarScrollGap : 0) + 'px', + paddingRight: (this.overflowing && !this.wideArea ? this.uiOpts.scrollGap : 0) + 'px', + paddingBottom: (this.overflowing && this.wideArea ? this.uiOpts.scrollGap : 0) + 'px', // For child layout display: 'flex', flexDirection: this.wideArea ? 'row' : 'column', |