diff --git a/CHANGELOG.md b/CHANGELOG.md index 0700c8d..f9cf7fe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,6 @@ # Release Notes +- added global animation toggle for better performance - added record vote history toggle to session menu, and clear vote history button - add support for custom Fabled characters diff --git a/src/App.vue b/src/App.vue index 7f17766..6107e30 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,7 +3,10 @@ id="app" @keyup="keyup" tabindex="-1" - :class="{ night: grimoire.isNight }" + :class="{ + night: grimoire.isNight, + static: grimoire.isStatic + }" :style="{ backgroundImage: grimoire.background ? `url('${grimoire.background}')` @@ -202,6 +205,14 @@ ul { align-items: center; align-content: center; justify-content: center; + + // disable all animations + &.static *, + &.static *:after, + &.static *:before { + transition: none !important; + animation: none !important; + } } #version { diff --git a/src/components/Menu.vue b/src/components/Menu.vue index bf792a1..e794ae3 100644 --- a/src/components/Menu.vue +++ b/src/components/Menu.vue @@ -83,6 +83,10 @@ /> +
  • + Background image + +
  • Show Custom Images
  • -
  • - Background image - +
  • + Disable Animations +
  • Mute Sounds @@ -335,6 +342,7 @@ export default { "toggleMuted", "toggleNight", "toggleNightOrder", + "toggleStatic", "setZoom", "toggleModal" ]) diff --git a/src/store/index.js b/src/store/index.js index 08d8ddb..057744a 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -81,6 +81,7 @@ export default new Vuex.Store({ isNightOrder: true, isPublic: true, isMenuOpen: false, + isStatic: false, isMuted: false, isImageOptIn: false, zoom: 0, @@ -144,6 +145,7 @@ export default new Vuex.Store({ toggleMuted: toggle("isMuted"), toggleMenu: toggle("isMenuOpen"), toggleNightOrder: toggle("isNightOrder"), + toggleStatic: toggle("isStatic"), toggleNight: toggle("isNight"), toggleGrimoire: toggle("isPublic"), toggleImageOptIn: toggle("isImageOptIn"), diff --git a/src/store/persistence.js b/src/store/persistence.js index 5660db7..15fc503 100644 --- a/src/store/persistence.js +++ b/src/store/persistence.js @@ -11,6 +11,9 @@ module.exports = store => { if (localStorage.getItem("muted")) { store.commit("toggleMuted", true); } + if (localStorage.getItem("static")) { + store.commit("toggleStatic", true); + } if (localStorage.getItem("imageOptIn")) { store.commit("toggleImageOptIn", true); } @@ -91,6 +94,13 @@ module.exports = store => { localStorage.removeItem("muted"); } break; + case "toggleStatic": + if (state.grimoire.isStatic) { + localStorage.setItem("static", 1); + } else { + localStorage.removeItem("static"); + } + break; case "toggleImageOptIn": if (state.grimoire.isImageOptIn) { localStorage.setItem("imageOptIn", 1);