✨ #150 Tooltip when hovering over the buttons in action tables

anucvml · Mar 15, 2022 · 47b5f54 · 47b5f54
1 parent b2d226b
commit 47b5f54
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/pages/annotation/ActionTable.vue b/src/pages/annotation/ActionTable.vue
@@ -35,7 +35,9 @@
             icon="clear_all"
             label="clear"
             @click="handleClearAll"
-        ></q-btn>
+        >
+          <q-tooltip>Bulk clear all actions</q-tooltip>
+        </q-btn>
       </q-btn-group>
       <div
           class="col-12"
@@ -182,14 +184,18 @@
                 icon="gps_fixed"
                 style="width: 100%"
                 @click="handleGoto(props.row)"
-            ></q-btn>
+            >
+              <q-tooltip>Locate to the action</q-tooltip>
+            </q-btn>
             <q-btn
                 flat
                 dense
                 icon="edit_location_alt"
                 style="width: 100%"
                 @click="handleSet(props.row)"
-            ></q-btn>
+            >
+              <q-tooltip>Set current left / right frame as this action's start / end</q-tooltip>
+            </q-btn>
             <q-btn
                 flat
                 dense

diff --git a/src/pages/annotation/components/TableBase.vue b/src/pages/annotation/components/TableBase.vue
@@ -16,7 +16,9 @@
           icon="clear_all"
           label="clear"
           @click="handleClearAll"
-      ></q-btn>
+      >
+        <q-tooltip>Bulk clear all {{ title.toLowerCase() }}</q-tooltip>
+      </q-btn>
     </template>
     <template v-slot:header="props">
       <q-tr>