diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-07-17 21:03:42 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-07-17 21:03:42 +1000 |
| commit | 6ce828cb9649e8fc0a68bd7f0f99719b73229692 (patch) | |
| tree | 49024f166c64940afc78586a75daaaf5d3791da2 /src/App.vue | |
| parent | 60e708f9897a73d0b287df9ae758035d1b623ea1 (diff) | |
Add more 'title' tooltips
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/App.vue b/src/App.vue index f0574bb..9d96b23 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,20 +3,24 @@ :style="{backgroundColor: uiOpts.bgColor, scrollbarColor: uiOpts.altColorDark + ' ' + uiOpts.bgColorDark}"> <!-- Title bar --> <div class="flex shadow gap-2 p-2" :style="{backgroundColor: uiOpts.bgColorDark2, color: uiOpts.altColor}"> - <h1 class="my-auto ml-2 text-4xl hover:cursor-pointer" @click="collapseTree">Tilo</h1> + <h1 class="my-auto ml-2 text-4xl hover:cursor-pointer" @click="collapseTree" title="Reset tree">Tilo</h1> <div class="mx-auto"/> <!-- Spacer --> <!-- Icons --> - <icon-button :disabled="isDisabled('help')" :size="45" :style="buttonStyles" @click="onHelpIconClick"> + <icon-button :disabled="isDisabled('help')" :size="45" :style="buttonStyles" + @click="onHelpIconClick" title="Show help info"> <help-icon/> </icon-button> - <icon-button :disabled="isDisabled('settings')" :size="45" :style="buttonStyles" @click="onSettingsIconClick"> + <icon-button :disabled="isDisabled('settings')" :size="45" :style="buttonStyles" + @click="onSettingsIconClick" title="Show settings"> <settings-icon/> </icon-button> - <icon-button :disabled="isDisabled('autoMode')" :size="45" :style="buttonStyles" @click="onAutoIconClick"> + <icon-button :disabled="isDisabled('autoMode')" :size="45" :style="buttonStyles" + @click="onAutoIconClick" title="Auto mode"> <play-icon v-if="modeRunning != 'autoMode'"/> <pause-icon v-else/> </icon-button> - <icon-button :disabled="isDisabled('search')" :size="45" :style="buttonStyles" @click="onSearchIconClick"> + <icon-button :disabled="isDisabled('search')" :size="45" :style="buttonStyles" + @click="onSearchIconClick" title="Search"> <search-icon/> </icon-button> </div> @@ -47,7 +51,7 @@ </div> </div> <transition name="fade"> - <icon-button v-if="!tutPaneOpen && !uiOpts.tutorialSkip" @click="onStartTutorial" + <icon-button v-if="!tutPaneOpen && !uiOpts.tutorialSkip" @click="onStartTutorial" title="Start Tutorial" :size="45" :style="buttonStyles" class="absolute bottom-2 right-2 z-10 shadow-[0_0_2px_black]"> <edu-icon/> </icon-button> |