From 05179efd46cf7c63f65bcec8f9f3e2d2054112c5 Mon Sep 17 00:00:00 2001 From: Fen Dweller Date: Tue, 17 Mar 2020 21:50:01 -0400 Subject: [PATCH] Make the scale toggleable --- macrovision.css | 7 ++++++- macrovision.html | 6 +++++- macrovision.js | 4 ++++ 3 files changed, 15 insertions(+), 2 deletions(-) diff --git a/macrovision.css b/macrovision.css index 32f70ff0..9cea6575 100644 --- a/macrovision.css +++ b/macrovision.css @@ -8,7 +8,7 @@ html { } body { - background: #111; + background: #333; display: flex; flex-direction: column; align-items: center; @@ -222,11 +222,16 @@ select.menu-item { } #display { + display: none; width: 100%; height: 100%; background: #333; } +body.toggle-scale #display { + display: block; +} + #options .options-label { flex: 0 1; width: 100%; diff --git a/macrovision.html b/macrovision.html index cf2459da..334e5840 100644 --- a/macrovision.html +++ b/macrovision.html @@ -27,7 +27,7 @@ - +

Discord

@@ -163,6 +163,10 @@

+
+ + +
Auto-sizing mode diff --git a/macrovision.js b/macrovision.js index ea5c46a2..66eaec98 100644 --- a/macrovision.js +++ b/macrovision.js @@ -1026,6 +1026,10 @@ document.addEventListener("DOMContentLoaded", () => { document.body.classList[e.target.checked ? "add" : "remove"]("toggle-bottom-cover"); }); + document.querySelector("#options-world-show-scale").addEventListener("input", e => { + document.body.classList[e.target.checked ? "add" : "remove"]("toggle-scale"); + }); + document.querySelector("#options-order-forward").addEventListener("click", e => { if (selected) { entities[selected.dataset.key].priority += 1;