rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Reduced motion disables background transition

This commit is contained in:
Cohee 2024-03-10 00:55:34 +02:00
parent de3039977c
commit c69b8137d7
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/scripts/power-user.js
View File

@ -461,6 +461,7 @@ function switchReducedMotion() {
const overrideDuration = power_user.reduced_motion ? 0 : ANIMATION_DURATION_DEFAULT; const overrideDuration = power_user.reduced_motion ? 0 : ANIMATION_DURATION_DEFAULT;
setAnimationDuration(overrideDuration); setAnimationDuration(overrideDuration);
$('#reduced_motion').prop('checked', power_user.reduced_motion); $('#reduced_motion').prop('checked', power_user.reduced_motion);
$('body').toggleClass('reduced-motion', power_user.reduced_motion);
} }
function switchCompactInputArea() { function switchCompactInputArea() {

7
public/style.css
View File

@ -419,6 +419,11 @@ hr {
transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out;
} }
body.reduced-motion #bg1,
body.reduced-motion #bg_custom {
transition: none;
}
#version_display { #version_display {
padding: 5px; padding: 5px;
opacity: 0.8; opacity: 0.8;
@ -3806,4 +3811,4 @@ a {
height: 100vh; height: 100vh;
z-index: 9999; z-index: 9999;
} }
} }