diff --git a/index.html b/index.html index 21bfbac..5775c0e 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@
diff --git a/script.js b/script.js index b6c4162..f09b880 100644 --- a/script.js +++ b/script.js @@ -960,6 +960,7 @@ class Game { applySettings() { this.board.$svg.classList.toggle('cfg-no-anim', !this.cfg.svgEffects); this.board.$svg.classList.toggle('cfg-no-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 c3daaae..877b446 100644 --- a/style.css +++ b/style.css @@ -49,17 +49,24 @@ html, body { /* Disabled effect */ .orb.disabled { cursor: default; +} + +/* No-disabled-fade version has all orbs at full opacity */ +.cfg-fade-disabled .orb.disabled { opacity: 0.6; } /* Disabled orb has no glow or shadow */ .orb.disabled .orb-glow, -.orb.disabled .orb-shadow, -.orb.disabled:hover .orb-glow, -.orb.disabled:hover .orb-shadow { +.orb.disabled:hover .orb-glow { opacity: 0; } +.cfg-no-fade-disabled .orb.disabled .orb-shadow, +.cfg-no-fade-disabled .orb.disabled:hover .orb-shadow { + opacity: 1 !important; +} + /* Blur effect */ .orb-shadow, .orb-glow { filter: url('#filterDropshadow'); @@ -108,11 +115,6 @@ html, body { stroke: transparent !important; } -/* No-disabled-fade version has all orbs at full opacity */ -.cfg-no-fade-disabled .orb.disabled { - opacity: 1; -} - /* GUI */ .button-text { fill: #8d7761;