| @@ -8,7 +8,7 @@ html { | |||||
| } | } | ||||
| body { | body { | ||||
| background: #111; | |||||
| background: #333; | |||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| align-items: center; | align-items: center; | ||||
| @@ -222,11 +222,16 @@ select.menu-item { | |||||
| } | } | ||||
| #display { | #display { | ||||
| display: none; | |||||
| width: 100%; | width: 100%; | ||||
| height: 100%; | height: 100%; | ||||
| background: #333; | background: #333; | ||||
| } | } | ||||
| body.toggle-scale #display { | |||||
| display: block; | |||||
| } | |||||
| #options .options-label { | #options .options-label { | ||||
| flex: 0 1; | flex: 0 1; | ||||
| width: 100%; | width: 100%; | ||||
| @@ -27,7 +27,7 @@ | |||||
| <link rel="icon" href="https://crux.sexy/images/macrovision.ico"> | <link rel="icon" href="https://crux.sexy/images/macrovision.ico"> | ||||
| </head> | </head> | ||||
| <body class="toggle-bottom-name toggle-top-name"> | |||||
| <body class="toggle-bottom-name toggle-top-name toggle-scale"> | |||||
| <div id="help"> | <div id="help"> | ||||
| <h1>Discord</h1> | <h1>Discord</h1> | ||||
| <p> | <p> | ||||
| @@ -163,6 +163,10 @@ | |||||
| <input type="checkbox" id="options-world-show-bottom-cover"> | <input type="checkbox" id="options-world-show-bottom-cover"> | ||||
| <label for="options-world-show-bottom-cover">Opaque ground</label> | <label for="options-world-show-bottom-cover">Opaque ground</label> | ||||
| </div> | </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"> | <div class="options-label"> | ||||
| Auto-sizing mode | Auto-sizing mode | ||||
| @@ -1026,6 +1026,10 @@ document.addEventListener("DOMContentLoaded", () => { | |||||
| document.body.classList[e.target.checked ? "add" : "remove"]("toggle-bottom-cover"); | 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 => { | document.querySelector("#options-order-forward").addEventListener("click", e => { | ||||
| if (selected) { | if (selected) { | ||||
| entities[selected.dataset.key].priority += 1; | entities[selected.dataset.key].priority += 1; | ||||