minor imps

src/components/haex/pass/group/breadcrumbs.vue

@@ -23,23 +23,39 @@
         </li>
       </template>
       <li class="ml-2">
-        <NuxtLinkLocale
-          :to="{
-            name: 'passwordGroupEdit',
-            params: { groupId: lastGroup?.id },
-          }"
+        <UiTooltip
+          :tooltip="t('edit')"
+          class="[--placement:bottom]"
         >
-          <Icon name="mdi:pencil" />
-        </NuxtLinkLocale>
+          <NuxtLinkLocale
+            :to="{
+              name: 'passwordGroupEdit',
+              params: { groupId: lastGroup?.id },
+            }"
+          >
+            <Icon name="mdi:pencil" />
+          </NuxtLinkLocale>
+        </UiTooltip>
       </li>
     </ul>
   </div>
 </template>
 
 <script setup lang="ts">
+import { UiTooltip } from '#components'
 import type { SelectHaexPasswordsGroups } from '~~/src-tauri/database/schemas/vault'
 
 const groups = defineProps<{ items: SelectHaexPasswordsGroups[] }>()
 
 const lastGroup = computed(() => groups.items.at(-1))
+
+const { t } = useI18n()
 </script>
+
+<i18n lang="yaml">
+de:
+  edit: Bearbeiten
+
+en:
+  edit: Edit
+</i18n>

src/components/haex/pass/mobile/menu/index.vue

@@ -95,7 +95,6 @@ const onClickItemAsync = async (item: IPasswordMenuItem) => {
 
     if (!selectedItems.value.size) longPressedHook.value = false
   } else {
-    search.value = ''
     if (item.type === 'group')
       await navigateTo(
         localePath({
@@ -114,6 +113,7 @@ const onClickItemAsync = async (item: IPasswordMenuItem) => {
         }),
       )
     }
+    search.value = ''
   }
 }
 

src/components/ui/tooltip/index.vue

@@ -11,13 +11,10 @@
       </slot>
 
       <span
-        class="tooltip-content tooltip-shown:opacity-100 tooltip-shown:visible z-40 pointer-events-none"
+        class="tooltip-content tooltip-shown:opacity-100 tooltip-shown:visible pointer-events-none z-50"
         role="tooltip"
       >
-        <span
-          class="tooltip-body"
-          v-bind="$attrs"
-        >
+        <span class="tooltip-body">
           {{ tooltip }}
         </span>
       </span>
@@ -57,8 +54,4 @@ const props = defineProps({
     default: 'hover',
   },
 })
-
-defineOptions({
-  inheritAttrs: false,
-})
 </script>