diff --git a/js/comment.js b/js/comment.js index 64ae6f8..b69699f 100644 --- a/js/comment.js +++ b/js/comment.js @@ -210,36 +210,46 @@ if ($fileInput.length && $fileInput[0].files.length > 0) { // показать / скрыть комментарий if (action === 'unlock' || action === 'lock') { var $icon = $btn.find('i'); - var $card = $btn.closest('.mod_comment_comment'); + + // ищем внутренний бокс, чтобы не красить детей + var $commentBox = $btn.closest('.mod_comment_box'); + // поиск всей карточки для очистки старых стилей + var $card = $btn.closest('.mod_comment_comment'); if (action === 'lock') { // --- Статус 0: СКРЫТО --- $icon.attr('class', 'bi bi-eye-slash'); $btn.removeClass('text-success text-muted').addClass('text-danger').attr('title', COMMENT_ICON_SHOW); - $card.addClass('opacity-75 border-warning'); + // красим внутренний блок сообщения + $commentBox.addClass('opacity-75 border border-warning rounded'); - // Ищем плашку. Если её нет — создаем один раз. - var $alert = $card.find('.alert-warning'); + // текст + var $alert = $commentBox.find('.alert-warning'); if ($alert.length === 0) { var alertHtml = '
'; - $card.find('.flex-grow-1').prepend(alertHtml); - $alert = $card.find('.alert-warning'); + // Вставляем в именно этого сообщения + $commentBox.find('.flex-grow-1').first().prepend(alertHtml); + $alert = $commentBox.find('.alert-warning'); } $alert.stop(true, true).fadeIn(300); + } else { // --- Статус 1: ВИДИМО --- $icon.attr('class', 'bi bi-eye'); $btn.removeClass('text-danger text-muted').addClass('text-success').attr('title', COMMENT_ICON_HIDE); - $card.removeClass('opacity-75 border-warning'); + // чистим бокс и карточку + var classesToRemove = 'opacity-75 border border-warning rounded'; + $commentBox.removeClass(classesToRemove); + $card.removeClass(classesToRemove + ' border-warning'); // Чистим старый класс из твоего кода - // используем callback, чтобы после анимации убрать элемент - $card.find('.alert-warning').stop(true, true).fadeOut(300, function() { - $(this).remove(); // Удаляем плашку из кода совсем, чтобы при следующем "скрыть" она создалась чисто + // удаляем плашку: + $commentBox.find('.alert-warning').first().stop(true, true).fadeOut(300, function() { + $(this).remove(); }); } } diff --git a/templates/admin_comments.tpl b/templates/admin_comments.tpl index 0c3d4a8..0a74616 100644 --- a/templates/admin_comments.tpl +++ b/templates/admin_comments.tpl @@ -175,7 +175,13 @@ {/foreach} {else} -