fix(filters): show tooltip on year selector filter

pablolmedorado · Nov 13, 2020 · b77bdc9 · b77bdc9
1 parent c725f35
commit b77bdc9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue
@@ -6,14 +6,19 @@
           <v-toolbar flat>
             <v-toolbar-title class="text-h6">Análisis ({{ year }})</v-toolbar-title>
             <v-spacer></v-spacer>
-            <v-menu bottom right offset-y>
-              <template #activator="{ on, attrs }">
-                <v-btn icon :disabled="loading" v-bind="attrs" v-on="on">
-                  <v-icon>mdi-calendar-range</v-icon>
-                </v-btn>
+            <v-menu bottom left offset-y>
+              <template #activator="{ on: menu }">
+                <v-tooltip bottom>
+                  <template #activator="{ on: tooltip }">
+                    <v-btn icon :disabled="loading" v-on="{ ...tooltip, ...menu }">
+                      <v-icon>mdi-calendar-range</v-icon>
+                    </v-btn>
+                  </template>
+                  <span>Año</span>
+                </v-tooltip>
               </template>
               <v-list>
-                <v-list-item v-for="(item, index) in yearOptions" :key="index" @click="year = item">
+                <v-list-item v-for="item in yearOptions" :key="item" @click="year = item">
                   <v-list-item-title>{{ item }}</v-list-item-title>
                 </v-list-item>
               </v-list>

diff --git a/frontend/src/views/work-organization/GreenWorkingDays.vue b/frontend/src/views/work-organization/GreenWorkingDays.vue
@@ -22,10 +22,15 @@
 
           <template #toolbar>
             <v-menu bottom left offset-y>
-              <template #activator="{ on, attrs }">
-                <v-btn icon :disabled="loading" v-bind="attrs" v-on="on">
-                  <v-icon>mdi-calendar-range</v-icon>
-                </v-btn>
+              <template #activator="{ on: menu }">
+                <v-tooltip bottom>
+                  <template #activator="{ on: tooltip }">
+                    <v-btn icon :disabled="loading" v-on="{ ...tooltip, ...menu }">
+                      <v-icon>mdi-calendar-range</v-icon>
+                    </v-btn>
+                  </template>
+                  <span>Año</span>
+                </v-tooltip>
               </template>
               <v-list>
                 <v-list-item v-for="item in yearOptions" :key="item" @click="setYearFilter(item)">