bvandeusen/imagerepo
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scope tag-chip x button opacity to modal, cache tagActionFeedback ref

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-03-20 08:56:15 -04:00
parent 7cae463fe8
commit 8599ffb37c
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/js/view-modal.js
+3 -2
View File
@@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', () => {
const tagForm = document.getElementById('modalTagForm'); const tagForm = document.getElementById('modalTagForm');
const tagInput = tagForm ? tagForm.querySelector('input[name="name"]') : null; const tagInput = tagForm ? tagForm.querySelector('input[name="name"]') : null;
const tagAutocomplete = document.getElementById('tagAutocomplete'); const tagAutocomplete = document.getElementById('tagAutocomplete');
const tagActionFeedback = document.getElementById('tagActionFeedback');
// Series info elements (when image IS in a series) // Series info elements (when image IS in a series)
const seriesInfoEl = document.getElementById('modalSeriesInfo'); const seriesInfoEl = document.getElementById('modalSeriesInfo');
@@ -386,7 +387,7 @@ document.addEventListener('DOMContentLoaded', () => {
const j = await r.json(); const j = await r.json();
if (j.ok) { if (j.ok) {
await loadTags(imageId); await loadTags(imageId);
showFeedback(document.getElementById('tagActionFeedback'), 'Tag added'); showFeedback(tagActionFeedback, 'Tag added');
return true; return true;
} }
return false; return false;
@@ -398,7 +399,7 @@ document.addEventListener('DOMContentLoaded', () => {
const j = await r.json(); const j = await r.json();
if (j.ok) { if (j.ok) {
await loadTags(imageId); await loadTags(imageId);
showFeedback(document.getElementById('tagActionFeedback'), 'Tag removed'); showFeedback(tagActionFeedback, 'Tag removed');
return true; return true;
} }
return false; return false;
app/static/style.css
+3 -3
View File
@@ -655,13 +655,13 @@ header {
min-height: 1.1em; min-height: 1.1em;
} }
/* Tag chip remove button — hidden at rest, visible on hover */ /* Tag chip remove button in modal — hidden at rest, visible on hover */
.tag-chip .x { .tag-editor .tag-chip .x {
opacity: 0; opacity: 0;
transition: opacity 0.15s ease; transition: opacity 0.15s ease;
margin-left: 4px; margin-left: 4px;
} }
.tag-chip:hover .x { .tag-editor .tag-chip:hover .x {
opacity: 1; opacity: 1;
} }