bvandeusen/FabledCurator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 35 Wiki Activity

Presentation-chrome auto-hide (milestone 141) + tagging-UX fixes #198

Merged
bvandeusen merged 11 commits from dev into main 2026-07-07 00:24:52 -04:00
Conversation 0 Commits 11 Files Changed 23
+9 -7
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 04d5d62cfe - Show all commits
frontend/src/components/modal/TagChip.vue
+9 -7
View File
@@ -29,7 +29,7 @@
:title="`Keep “${tag.name}” — confirm this auto-tag so it trains the model and won't be retracted`" :title="`Keep “${tag.name}” — confirm this auto-tag so it trains the model and won't be retracted`"
:aria-label="`Confirm ${tag.name}`" :aria-label="`Confirm ${tag.name}`"
@click.stop="$emit('confirm', tag)" @click.stop="$emit('confirm', tag)"
><v-icon size="14">mdi-check</v-icon></button> ><v-icon size="16">mdi-check</v-icon></button>
<!-- Modal-safe kebab is baked into KebabMenu (this chip lives in the <!-- Modal-safe kebab is baked into KebabMenu (this chip lives in the
teleported image modal — #711). System tags hide it entirely: rename teleported image modal — #711). System tags hide it entirely: rename
is refused server-side (the hygiene machinery keys on the row) and is refused server-side (the hygiene machinery keys on the row) and
@@ -152,16 +152,18 @@ function iconFor (k) { return KIND_ICONS[k] || 'mdi-tag' }
border: 1px solid rgb(var(--v-theme-on-surface-variant), 0.3); border: 1px solid rgb(var(--v-theme-on-surface-variant), 0.3);
padding: 0 4px; border-radius: 999px; padding: 0 4px; border-radius: 999px;
} }
/* Keep/confirm — a success-tinted check next to a provisional auto-tag. */ /* Keep/confirm — the SAME filled green ✓ circle as the suggestion accept button
(.fc-act--yes in SuggestionItem), so "accept this tag" reads identically
wherever it appears (operator-asked 2026-07-06). */
.fc-tag-chip__confirm { .fc-tag-chip__confirm {
flex: 0 0 auto; flex: 0 0 auto;
width: 26px; height: 26px; border-radius: 50%; border: none; cursor: pointer;
display: inline-flex; align-items: center; justify-content: center; display: inline-flex; align-items: center; justify-content: center;
width: 20px; height: 20px; border-radius: 50%; color: #fff; background: rgb(var(--v-theme-success));
border: none; background: transparent; cursor: pointer; opacity: 0.9; transition: transform 0.1s, opacity 0.1s;
color: rgb(var(--v-theme-success));
} }
.fc-tag-chip__confirm:hover { background: rgb(var(--v-theme-success), 0.14); } .fc-tag-chip__confirm:hover { opacity: 1; transform: scale(1.1); }
.fc-tag-chip__confirm:focus-visible { .fc-tag-chip__confirm:focus-visible {
outline: 2px solid rgb(var(--v-theme-success)); outline-offset: 1px; outline: 2px solid rgb(var(--v-theme-accent)); outline-offset: 1px;
} }
</style> </style>