diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-07-06 20:04:03 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-07-06 20:04:03 +1000 |
| commit | 214bf396b7a946dcfc69dcfd768d3a5b21e0f4da (patch) | |
| tree | b236324c065c394a9cc5384329a63acb1b3e7bd2 /src/components/HelpModal.vue | |
| parent | 521c17523070d83e4b5878f56ad61bf37828a27e (diff) | |
During tutorial, avoid disabling actions the user has already used
For auto-mode and search, enable prerequisite actions when used
Diffstat (limited to 'src/components/HelpModal.vue')
| -rw-r--r-- | src/components/HelpModal.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue index 6cdd521..4f35564 100644 --- a/src/components/HelpModal.vue +++ b/src/components/HelpModal.vue @@ -53,7 +53,7 @@ <template #content> <div :class="contentClasses"> <p> - Tilo attempts to display the Tree of Life by representing nodes with tiles, + Tilo displays the Tree of Life by representing nodes with tiles, and placing tiles within other tiles to show structure. </p> <img src="/treeWithTiles.jpg" alt="Tree and tile-layout comparison" @@ -62,7 +62,7 @@ Within a tile's header: <ul class="list-disc pl-4"> <li> - The color denotes the number of children. + The color denotes the number of child tiles. White means zero, <span style="color: limegreen">green</span> means 1+, <span style="color: darkorange">orange</span> means 10+, @@ -407,8 +407,8 @@ </template> </s-collapsible> </div> - <s-button v-if="!tutOpen" class="mx-auto mb-2" - :style="{color: uiOpts.textColor, backgroundColor: uiOpts.bgColor}" @click.stop="onStartTutorial"> + <s-button class="mx-auto mb-2" :style="{color: uiOpts.textColor, backgroundColor: uiOpts.bgColor}" + :disabled="tutOpen" @click.stop="onStartTutorial"> Start Tutorial </s-button> </div> |