diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-24 00:22:04 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-24 00:22:04 +1000 |
| commit | cf30793c414b734b01cedee8f2f048e14b938416 (patch) | |
| tree | ba8c96420e3df894fb952d4c2336f44365b02803 | |
| parent | 2815620867a8122f9512195f7d7efe2a406a222e (diff) | |
Add label to ancestry barancestry-bar-label
| -rw-r--r-- | src/components/AncestryBar.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index e11725f..8de05c8 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -76,9 +76,12 @@ export default defineComponent({ </script> <template> -<div :style="styles" @wheel.stop="onWheelEvt"> - <tile v-for="(node, idx) in usedNodes" :key="node.name" class="shrink-0" - :layoutNode="node" :tolMap="tolMap" :nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts" - @leaf-click="onTileClick(nodes[idx])" @info-click="onInfoIconClick"/> +<div :style="{display: 'flex', flexDirection: 'column', backgroundColor: 'gray'}"> + <div>Ancestors</div> + <div :style="styles" @wheel.stop="onWheelEvt" class="grow"> + <tile v-for="(node, idx) in usedNodes" :key="node.name" class="shrink-0" + :layoutNode="node" :tolMap="tolMap" :nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts" + @leaf-click="onTileClick(nodes[idx])" @info-click="onInfoIconClick"/> + </div> </div> </template> |