From 16c162bb33c007890ad31b86961999b88ce85746 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= Date: Mon, 9 Dec 2019 20:55:04 +0100 Subject: [PATCH] bugfix with css classes --- index.html | 2 +- script.js | 5 +++++ style.css | 10 ++++++---- 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 829fb5f..810cf14 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@
diff --git a/script.js b/script.js index f09b880..d15b4ff 100644 --- a/script.js +++ b/script.js @@ -959,9 +959,14 @@ class Game { applySettings() { this.board.$svg.classList.toggle('cfg-no-anim', !this.cfg.svgEffects); + this.board.$svg.classList.toggle('cfg-anim', this.cfg.svgEffects); + this.board.$svg.classList.toggle('cfg-no-blur', !this.cfg.svgEffects); + this.board.$svg.classList.toggle('cfg-blur', this.cfg.svgEffects); + this.board.$svg.classList.toggle('cfg-fade-disabled', this.cfg.dimBlocked); this.board.$svg.classList.toggle('cfg-no-fade-disabled', !this.cfg.dimBlocked); + this.applyLogFilter(); this.board.updateSettingsGUI(this.cfg); } diff --git a/style.css b/style.css index 877b446..7f3962f 100644 --- a/style.css +++ b/style.css @@ -58,12 +58,14 @@ html, body { /* Disabled orb has no glow or shadow */ .orb.disabled .orb-glow, -.orb.disabled:hover .orb-glow { - opacity: 0; +.orb.disabled:hover .orb-glow, +.cfg-fade-disabled .orb.disabled .orb-shadow, +.cfg-fade-disabled .orb.disabled:hover .orb-shadow { + opacity: 0 !important; } -.cfg-no-fade-disabled .orb.disabled .orb-shadow, -.cfg-no-fade-disabled .orb.disabled:hover .orb-shadow { +.cfg-no-fade-disabled.cfg-blur .orb.disabled .orb-shadow, +.cfg-no-fade-disabled.cfg-blur .orb.disabled:hover .orb-shadow { opacity: 1 !important; }