avoid initial blur render if disabled, add missing shadows to blocked orbs in no-dim mode

4 years ago · 2b49112e96
parent 9129306f7c
commit 2b49112e96
3 changed files with 12 additions and 8 deletions
--- a/index.html
+++ b/index.html
@ -25,6 +25,7 @@
 <body>
 <div id="wrap">
    <svg version="1.1" baseProfile="full" width="1100" height="980"
+         class="cfg-no-anim cfg-no-blur"
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink"
         id="board">
--- 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);
--- 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;