Update toggler text

suterma · Apr 18, 2022 · 99707c6 · 99707c6
1 parent ccccc8f
commit 99707c6
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/src/components/PlaybackModeButton.vue b/src/components/PlaybackModeButton.vue
@@ -4,12 +4,28 @@
             button: true,
         }"
         @click="togglePlaybackMode()"
-        title="Toggle playback mode"
+        title="click to toggle"
     >
-        <Icon v-if="this.isPlaybackTrack" name="track-play" />
-        <Icon v-if="this.isPlaybackLoopTrack" name="track-repeat" />
-        <Icon v-if="this.isPlaybackCue" name="track-play-once" />
-        <Icon v-if="this.isPlaybackLoopCue" name="track-repeat-once" />
+        <Icon
+            v-if="this.isPlaybackTrack"
+            name="track-play"
+            title="Play track (click to toggle)"
+        />
+        <Icon
+            v-if="this.isPlaybackLoopTrack"
+            name="track-repeat"
+            title="Loop track (click to toggle)"
+        />
+        <Icon
+            v-if="this.isPlaybackCue"
+            name="track-play-once"
+            title="Play cue (click to toggle)"
+        />
+        <Icon
+            v-if="this.isPlaybackLoopCue"
+            name="track-repeat-once"
+            title="Loop cue (click to toggle)"
+        />
     </button>
 </template>