diff --git a/admin/themes/default/js/tags.js b/admin/themes/default/js/tags.js index 92c221439..43a09ae25 100644 --- a/admin/themes/default/js/tags.js +++ b/admin/themes/default/js/tags.js @@ -125,10 +125,15 @@ $('.tag-box').each(function() { $(".TagSubmit").on('click', function () { $('.TagSubmit').hide(); $('.TagLoading').show(); - renameTag($(".RenameTagPopInContainer").find(".tag-property-input").attr("id"), $(".RenameTagPopInContainer").find(".tag-property-input").val()).then(() => { + $tagboxid = ($(".RenameTagPopInContainer").find(".tag-property-input").attr("id")) + renameTag($tagboxid, $(".RenameTagPopInContainer").find(".tag-property-input").val()).then(() => { $('.TagSubmit').show(); $('.TagLoading').hide(); rename_tag_close(); + cleanCheckmark(); + $('[data-id='+$tagboxid+']').wrap('
'); + $('.tag-changed').prepend(''); + $('.tag-changed').prepend(''); }).catch((message) => { $('.TagSubmit').show(); $('.TagLoading').hide(); @@ -136,6 +141,12 @@ $(".TagSubmit").on('click', function () { }) }); +function cleanCheckmark(){ + $('.tag-changed > *').unwrap(); + $('.tag-checkmark').remove(); + $('.tag-checkmark-fill').remove(); +} + /*------- Add a tag -------*/ @@ -972,6 +983,7 @@ function updatePage() { newPage = actualPage; dataToDisplay = tagToDisplay(); tagBoxes = $('.tag-box'); + cleanCheckmark(); $('.pageLoad').fadeIn();; $('.tag-box').animate({opacity:0}, 500).promise().then(() => { diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index 74684c8b4..a82585c09 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -4465,6 +4465,21 @@ a#showPermissions:hover {text-decoration: none;} font-size: 1em; font-weight: bold; } +.tag-checkmark{ + position: absolute; + transform: scale(1.5); + padding: 2.5px 0px; + color: #6ccd5d; + z-index: 1; +} +.tag-checkmark-fill{ + position: absolute; + padding: 2.5px 0px; + color: white; + opacity: 0; + z-index: 2; +} + /* Picture Edit */ #pictureModify { diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css index 72d6598f6..9ca12d2b2 100644 --- a/admin/themes/roma/theme.css +++ b/admin/themes/roma/theme.css @@ -1355,6 +1355,14 @@ background:#6C2D2D!important; background-color:#f22; } +.tag-checkmark{ + color: #4da48f !important; +} + +.tag-checkmark-fill{ + opacity: 1 !important; +} + /* Album Move (and album search) */ .move-cat-container, .search-album-elem { background-color: #333;