From cf30793c414b734b01cedee8f2f048e14b938416 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 24 Jun 2022 00:22:04 +1000
Subject: Add label to ancestry bar

---
 src/components/AncestryBar.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/components/AncestryBar.vue')

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>
-- 
cgit v1.2.3