bugfix with css classes

master
Ondřej Hruška 5 years ago
parent c17d6211ce
commit 16c162bb33
Signed by: MightyPork
GPG Key ID: 2C5FD5035250423D
  1. 2
      index.html
  2. 5
      script.js
  3. 10
      style.css

@ -25,7 +25,7 @@
<body>
<div id="wrap">
<svg version="1.1" baseProfile="full" width="1100" height="980"
class="cfg-no-anim cfg-no-blur"
class="cfg-no-anim cfg-no-blur cfg-fade-disabled"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="board">

@ -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);
}

@ -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;
}

Loading…
Cancel
Save