MightyPork
/
sigmar
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

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

Browse Source
master
Ondřej Hruška 5 years ago
parent 9129306f7c
commit 2b49112e96
Signed by: MightyPork
GPG Key ID: 2C5FD5035250423D
3 changed files with 12 additions and 8 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 1
      index.html
  2. 1
      script.js
  3. 18
      style.css

1
index.html
Unescape View File

@ -25,6 +25,7 @@
<body> <body>
<div id="wrap"> <div id="wrap">
<svg version="1.1" baseProfile="full" width="1100" height="980" <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="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
id="board"> id="board">

1
script.js
Unescape View File

@ -960,6 +960,7 @@ class Game {
applySettings() { applySettings() {
this.board.$svg.classList.toggle('cfg-no-anim', !this.cfg.svgEffects); 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-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.board.$svg.classList.toggle('cfg-no-fade-disabled', !this.cfg.dimBlocked);
this.applyLogFilter(); this.applyLogFilter();
this.board.updateSettingsGUI(this.cfg); this.board.updateSettingsGUI(this.cfg);

18
style.css
Unescape View File

@ -49,17 +49,24 @@ html, body {
/* Disabled effect */ /* Disabled effect */
.orb.disabled { .orb.disabled {
cursor: default; cursor: default;
}
/* No-disabled-fade version has all orbs at full opacity */
.cfg-fade-disabled .orb.disabled {
opacity: 0.6; opacity: 0.6;
} }
/* Disabled orb has no glow or shadow */ /* Disabled orb has no glow or shadow */
.orb.disabled .orb-glow, .orb.disabled .orb-glow,
.orb.disabled .orb-shadow, .orb.disabled:hover .orb-glow {
.orb.disabled:hover .orb-glow,
.orb.disabled:hover .orb-shadow {
opacity: 0; opacity: 0;
} }
.cfg-no-fade-disabled .orb.disabled .orb-shadow,
.cfg-no-fade-disabled .orb.disabled:hover .orb-shadow {
opacity: 1 !important;
}
/* Blur effect */ /* Blur effect */
.orb-shadow, .orb-glow { .orb-shadow, .orb-glow {
filter: url('#filterDropshadow'); filter: url('#filterDropshadow');
@ -108,11 +115,6 @@ html, body {
stroke: transparent !important; stroke: transparent !important;
} }
/* No-disabled-fade version has all orbs at full opacity */
.cfg-no-fade-disabled .orb.disabled {
opacity: 1;
}
/* GUI */ /* GUI */
.button-text { .button-text {
fill: #8d7761; fill: #8d7761;

Write Preview
Loading…
Cancel
Save