mirror of
https://github.com/DustinBrett/daedalOS.git
synced 2025-12-06 12:20:20 +01:00
Only fade wallpaper pics for slideshow
This commit is contained in:
parent
c4336cac73
commit
a9589a9cb6
|
|
@ -428,6 +428,10 @@ const useWallpaper = (
|
|||
const isTopWindow = window === window.top;
|
||||
const isAfterNextBackground = isBeforeBg();
|
||||
|
||||
document.documentElement.style.setProperty(
|
||||
"--background-transition-timing",
|
||||
isSlideshow ? "1.25s" : "0s"
|
||||
);
|
||||
document.documentElement.style.setProperty(
|
||||
`--${isAfterNextBackground ? "after" : "before"}-background`,
|
||||
`url(${CSS.escape(
|
||||
|
|
|
|||
|
|
@ -43,19 +43,19 @@ const GlobalStyle = styled.createGlobalStyle`
|
|||
content: "";
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
transition: opacity 1.25s ease-in-out;
|
||||
transition: opacity var(--background-transition-timing, 0s) ease-in-out;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: var(--before-background);
|
||||
opacity: var(--before-background-opacity);
|
||||
opacity: var(--before-background-opacity, 0%);
|
||||
}
|
||||
|
||||
&::after {
|
||||
background: var(--after-background);
|
||||
opacity: var(--after-background-opacity);
|
||||
opacity: var(--after-background-opacity, 100%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user