diff --git a/frontend/src/components/modal/SuggestionItem.vue b/frontend/src/components/modal/SuggestionItem.vue index 1a0c541..16e55cc 100644 --- a/frontend/src/components/modal/SuggestionItem.vue +++ b/frontend/src/components/modal/SuggestionItem.vue @@ -19,24 +19,25 @@ > Accept - - - - + + + + Treat as alias for… @@ -51,11 +52,12 @@ diff --git a/frontend/src/components/modal/TagPanel.vue b/frontend/src/components/modal/TagPanel.vue index f1f83dd..319b0b9 100644 --- a/frontend/src/components/modal/TagPanel.vue +++ b/frontend/src/components/modal/TagPanel.vue @@ -10,20 +10,24 @@ > {{ iconFor(tag.kind) }} {{ tag.name }} - - - - + + + + Rename… @@ -84,6 +88,9 @@ import FandomSetDialog from './FandomSetDialog.vue' const modal = useModalStore() const store = useTagStore() const errorMsg = ref(null) +// Which tag chip's kebab menu is open (only one at a time). Drives each +// chip menu's v-model so opening never depends on Vuetify's activator click. +const openTagId = ref(null) const KIND_ICONS = { general: 'mdi-tag', character: 'mdi-account-circle', @@ -147,4 +154,5 @@ async function onFandomUpdated() { } .fc-tag-panel__chips { display: flex; flex-wrap: wrap; gap: 6px; } .kebab-wrap { display: inline-flex; align-items: center; } +.kebab-icon { cursor: pointer; }