rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

highlight new created character after auto-scroll

Browse Source
This commit is contained in:
RossAscends
2023-05-18 19:23:13 +09:00
parent 8d11d5d8d5
commit 0d248a0092
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/script.js
View File

@ -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');
$(`#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().removeClass('flash animated');
}, 5000);
}

20
public/style.css
View File

@ -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;
}
}