diff --git a/public/script.js b/public/script.js index 996c6f8fa..244424f45 100644 --- a/public/script.js +++ b/public/script.js @@ -2166,7 +2166,7 @@ async function Generate(type, { automatic_trigger, force_name2, resolve, reject, type: 'POST', // url: generate_url, // data: JSON.stringify(generate_data), - beforeSend: () => {}, + beforeSend: () => { }, cache: false, dataType: "json", contentType: "application/json", @@ -4109,10 +4109,10 @@ function select_rm_info(type, charId) { const element = $(`#rm_characters_block [title="${charId + '.png'}"]`).get(0); element.scrollIntoView({ behavior: 'smooth', block: 'end' }); - /* $(`#rm_characters_block [title="${charId + '.png'}"]`).parent.addClass('flash animated'); - setTimeout(function(){ - $(`#rm_characters_block [title="${charId + '.png'}"]`).parent.addClass('flash animated'); - }, 1000); */ + $(`#rm_characters_block [title="${charId + '.png'}"]`).parent().addClass('flash animated'); + setTimeout(function () { + $(`#rm_characters_block [title="${charId + '.png'}"]`).parent().removeClass('flash animated'); + }, 5000); } diff --git a/public/style.css b/public/style.css index 1a1728ffa..409abf001 100644 --- a/public/style.css +++ b/public/style.css @@ -133,23 +133,25 @@ table.responsiveTable { } .animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; + -webkit-animation-duration: 3s !important; + animation-duration: 3s !important; + -webkit-animation-fill-mode: both !important; + animation-fill-mode: both !important; + box-shadow: inset 0 0 5px var(--SmartThemeQuoteColor); } @keyframes flash { - 0%, - 50%, + 20%, + 60%, 100% { opacity: 1; } - 25%, - 75% { - opacity: 0; + 0%, + 40%, + 80% { + opacity: 0.2; } }