diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-30 00:13:50 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-30 00:13:50 +1000 |
| commit | e746e7ec7ab457a67bc5fb6c41e1f4aaaa54b336 (patch) | |
| tree | 6d0c76d1dcd7b048dbf3308583f901b75140b18a | |
| parent | 4989a49f2e370b664b54ecc3f085689508d2bb6f (diff) | |
Add button for jumping to roottest-toroot-button
Arguably redundant due to ability to click/tap on sidebar scrollbar
| -rw-r--r-- | src/App.vue | 7 | ||||
| -rw-r--r-- | src/components/AncestryBar.vue | 2 | ||||
| -rw-r--r-- | src/components/icon/FastForwardIcon.vue | 12 |
3 files changed, 19 insertions, 2 deletions
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, }, }); diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index 78972b2..cf9513f 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -8,7 +8,7 @@ <script lang="ts"> import {defineComponent, PropType} from 'vue'; -import Tile from './Tile.vue' +import Tile from './Tile.vue'; import {TolMap} from '../tol'; import {LayoutNode, LayoutOptions} from '../layout'; import {UiOptions} from '../lib'; diff --git a/src/components/icon/FastForwardIcon.vue b/src/components/icon/FastForwardIcon.vue new file mode 100644 index 0000000..1efad04 --- /dev/null +++ b/src/components/icon/FastForwardIcon.vue @@ -0,0 +1,12 @@ +<template> +<svg viewBox="-2 0 24 24" fill="none" + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> + <polygon points="13 19 22 12 13 5 13 19"></polygon> + <polygon points="2 19 11 12 2 5 2 19"></polygon> +</svg> +</template> + +<script lang="ts"> +import {defineComponent, PropType} from 'vue'; +export default defineComponent({}); +</script> |