From e746e7ec7ab457a67bc5fb6c41e1f4aaaa54b336 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Thu, 30 Jun 2022 00:13:50 +1000
Subject: Add button for jumping to root

Arguably redundant due to ability to click/tap on sidebar scrollbar
---
 src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index 462c390..5f4d2e9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -44,6 +44,10 @@
 				@leaf-click="onLeafClick" @nonleaf-click="onNonleafClick"
 				@leaf-click-held="onLeafClickHeld" @nonleaf-click-held="onNonleafClickHeld"
 				@info-click="onInfoClick"/>
+			<icon-button v-if="detachedAncestors != null" :style="buttonStyles"
+				class="absolute bottom-0 left-0 -rotate-90 shadow">
+				<fast-forward-icon/>
+			</icon-button>
 		</div>
 	</div>
 	<!-- Modals -->
@@ -84,6 +88,7 @@ import PlayIcon from './components/icon/PlayIcon.vue';
 import PauseIcon from './components/icon/PauseIcon.vue';
 import SettingsIcon from './components/icon/SettingsIcon.vue';
 import HelpIcon from './components/icon/HelpIcon.vue';
+import FastForwardIcon from './components/icon/FastForwardIcon.vue';
 // Other
 	// Note: Import paths lack a .ts or .js extension because .ts makes vue-tsc complain, and .js makes vite complain
 import {TolNode, TolMap} from './tol';
@@ -980,7 +985,7 @@ export default defineComponent({
 	},
 	components: {
 		Tile, TutorialPane, AncestryBar,
-		IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon,
+		IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon, FastForwardIcon,
 		TileInfoModal, SearchModal, SettingsModal, HelpModal,
 	},
 });
-- 
cgit v1.2.3

