okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

moved animation class to new container

Browse source
This commit is contained in:
booploops 2022-01-03 21:28:17 -08:00
parent add235af05
commit 35c200ce8a
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/style.less
View file

@ -116,10 +116,6 @@ body[platform='linux'] {
animation: bgRotate 10s linear infinite; animation: bgRotate 10s linear infinite;
filter: brightness(100%) saturate(200%) contrast(1.5); filter: brightness(100%) saturate(200%) contrast(1.5);
} }
&.noanimation::before {
animation: none;
}
} }
.bgGradientMaterial-base { .bgGradientMaterial-base {
@ -226,6 +222,12 @@ input[type="text"], input[type="number"] {
animation-direction: reverse; animation-direction: reverse;
animation-delay: 10s; animation-delay: 10s;
} }
&.noanimation {
.bg-artwork {
animation: none;
}
}
} }

4
src/renderer/views/main.ejs
View file

@ -30,7 +30,7 @@
</head> </head>
<body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>"> <body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>">
<div id="app" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}"> <div id="app">
<transition name="fsModeSwitch"> <transition name="fsModeSwitch">
<div id="app-main" v-show="appMode == 'player'"> <div id="app-main" v-show="appMode == 'player'">
<div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div> <div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div>
@ -462,7 +462,7 @@
</div> </div>
</transition> </transition>
<transition name="wpfade"> <transition name="wpfade">
<div class="bg-artwork-container"> <div class="bg-artwork-container" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}">
<img v-show="chrome.artworkReady" @load="chrome.artworkReady = true" class="bg-artwork a " <img v-show="chrome.artworkReady" @load="chrome.artworkReady = true" class="bg-artwork a "
> >
<img v-show="chrome.artworkReady" class="bg-artwork b" <img v-show="chrome.artworkReady" class="bg-artwork b"