RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 19:14:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

handle transitions behavior when not exist an transitionLayer

Browse Source
This commit is contained in:
srgooglo 2022-09-07 13:27:31 +02:00
parent f43a20548e
commit b67e3a6db0
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/app/src/layout.jsx
View File

@ -33,7 +33,14 @@ export default class Layout extends React.Component {
if (!app.settings.get("reduceAnimations")) { if (!app.settings.get("reduceAnimations")) {
// add "fade-transverse-leave" class to `transitionLayer` // add "fade-transverse-leave" class to `transitionLayer`
document.getElementById("transitionLayer").classList.add("fade-transverse-leave") const transitionLayer = document.getElementById("transitionLayer")
if (!transitionLayer) {
console.warn("transitionLayer not found, no animation will be played")
return
}
transitionLayer.classList.add("fade-transverse-leave")
} }
}, },
"router.transitionFinish": () => { "router.transitionFinish": () => {
@ -41,7 +48,14 @@ export default class Layout extends React.Component {
if (!app.settings.get("reduceAnimations")) { if (!app.settings.get("reduceAnimations")) {
// remove "fade-transverse-leave" class to `transitionLayer` // remove "fade-transverse-leave" class to `transitionLayer`
document.getElementById("transitionLayer").classList.remove("fade-transverse-leave") const transitionLayer = document.getElementById("transitionLayer")
if (!transitionLayer) {
console.warn("transitionLayer not found, no animation will be played")
return
}
transitionLayer.classList.remove("fade-transverse-leave")
} }
}, },
} }