fix: temporary solution for ViewTransitions flickr issue

(cherry picked from commit 76c65f0ede9db821b84ecd0a4085da653235c6fa)
This commit is contained in:
saicaca
2023-10-06 02:59:56 +08:00
parent 2c4cc28e1f
commit cf0bf8d606
2 changed files with 82 additions and 49 deletions

View File

@@ -39,53 +39,6 @@ const enableBanner = getConfig().banner.enable;
</div>
<script is:raw>
(function () {
let presetList = document.getElementById("preset-list");
let output = document.getElementById("hueValue");
let slider = document.getElementById("colorSlider");
output.innerHTML = slider.value; // Display the default slider value
let r = document.querySelector(':root');
function setHue(hue) {
localStorage.setItem('hue', hue);
output.innerHTML = hue;
slider.value = hue;
r.style.setProperty(`--hue`, hue);
}
let storedHue = localStorage.getItem('hue');
if (storedHue) {
setHue(storedHue);
}
presetList.onclick = function(event) {
let hue = event.target.dataset.hue;
if (hue) {
setHue(hue);
}
}
slider.oninput = function() {
let hue = this.value;
output.innerHTML = this.value;
setHue(hue);
}
document.addEventListener("click", event => {
var cDom = document.getElementById("display-setting");
let settingBtn = document.getElementById("display-settings-switch");
var tDom = event.target;
if (cDom == tDom || cDom.contains(tDom) || settingBtn == tDom || settingBtn.contains(tDom)) {
return;
}
cDom.classList.add("closed");
});
})();
</script>
<style lang="stylus" is:global>
#display-setting