Make the scale toggleable

5 år sedan · 05179efd46
--- 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%;
--- a/macrovision.html
+++ b/macrovision.html
@@ -27,7 +27,7 @@
  <link rel="icon" href="https://crux.sexy/images/macrovision.ico">
 </head>

 <body class="toggle-bottom-name toggle-top-name">
 <body class="toggle-bottom-name toggle-top-name toggle-scale">
  <div id="help">
    <h1>Discord</h1>
    <p>
@@ -163,6 +163,10 @@
          <input type="checkbox" id="options-world-show-bottom-cover">
          <label for="options-world-show-bottom-cover">Opaque ground</label>
        </div>
        <div class="options-row">
          <input type="checkbox" id="options-world-show-scale" checked="true">
          <label for="options-world-show-scale">Scale</label>
        </div>

        <div class="options-label">
          Auto-sizing mode
--- 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;