diff --git a/app/static/js/view-modal.js b/app/static/js/view-modal.js index 7563d28..eb5d950 100644 --- a/app/static/js/view-modal.js +++ b/app/static/js/view-modal.js @@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', () => { const tagForm = document.getElementById('modalTagForm'); const tagInput = tagForm ? tagForm.querySelector('input[name="name"]') : null; const tagAutocomplete = document.getElementById('tagAutocomplete'); + const tagActionFeedback = document.getElementById('tagActionFeedback'); // Series info elements (when image IS in a series) const seriesInfoEl = document.getElementById('modalSeriesInfo'); @@ -386,7 +387,7 @@ document.addEventListener('DOMContentLoaded', () => { const j = await r.json(); if (j.ok) { await loadTags(imageId); - showFeedback(document.getElementById('tagActionFeedback'), 'Tag added'); + showFeedback(tagActionFeedback, 'Tag added'); return true; } return false; @@ -398,7 +399,7 @@ document.addEventListener('DOMContentLoaded', () => { const j = await r.json(); if (j.ok) { await loadTags(imageId); - showFeedback(document.getElementById('tagActionFeedback'), 'Tag removed'); + showFeedback(tagActionFeedback, 'Tag removed'); return true; } return false; diff --git a/app/static/style.css b/app/static/style.css index 989a8ce..5e47f35 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -655,13 +655,13 @@ header { min-height: 1.1em; } -/* Tag chip remove button — hidden at rest, visible on hover */ -.tag-chip .x { +/* Tag chip remove button in modal — hidden at rest, visible on hover */ +.tag-editor .tag-chip .x { opacity: 0; transition: opacity 0.15s ease; margin-left: 4px; } -.tag-chip:hover .x { +.tag-editor .tag-chip:hover .x { opacity: 1; }