enhancement: add tooltips to bottom options

packages/nc-gui/components/templates/editor.vue

@@ -118,9 +118,7 @@
                       </span>
 
                       <v-spacer />
-                      <v-tooltip
-                        bottom
-                      >
+                      <v-tooltip bottom>
                         <template #activator="{ on }">
                           <v-icon
                             v-if="!viewMode"
@@ -495,9 +493,7 @@
                                   "
                                 />
                                 <td style="max-width: 50px; width: 50px">
-                                  <v-tooltip
-                                    bottom
-                                  >
+                                  <v-tooltip bottom>
                                     <template #activator="{ on }">
                                       <v-icon
                                         v-if="!viewMode"
@@ -522,57 +518,110 @@
                         </v-simple-table>
 
                         <div v-if="!viewMode" class="text-center">
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table, 'Number')"
+                                v-on="on"
                               >
                                 {{ getIcon("Number") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add Number Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table, 'SingleLineText')"
+                                v-on="on"
                               >
                                 {{ getIcon("SingleLineText") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add SingleLineText Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table, 'LongText')"
+                                v-on="on"
                               >
                                 {{ getIcon("LongText") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add LongText Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
-                            @click="
-                              addNewColumnRow(table, 'LinkToAnotherRecord')
-                            "
+                                @click="addNewColumnRow(table, 'LinkToAnotherRecord')"
+                                v-on="on"
                               >
                                 {{ getIcon("LinkToAnotherRecord") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add LinkToAnotherRecord Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table, 'Lookup')"
+                                v-on="on"
                               >
                                 {{ getIcon("Lookup") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add Lookup Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-icon
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table, 'Rollup')"
+                                v-on="on"
                               >
                                 {{ getIcon("Rollup") }}
                               </v-icon>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add Rollup Column</span>
+                          </v-tooltip>
+
+                          <v-tooltip bottom>
+                            <template #activator="{ on }">
                               <v-btn
                                 class="mx-2"
                                 small
                                 @click="addNewColumnRow(table)"
+                                v-on="on"
                               >
                                 + column
                               </v-btn>
+                            </template>
+                            <!-- TODO: i18n -->
+                            <span>Add Other Column</span>
+                          </v-tooltip>
                         </div>
                       </template>
                     </v-expansion-panel-content>