diff --git a/macrovision.css b/macrovision.css index f969d830..825c51fb 100644 --- a/macrovision.css +++ b/macrovision.css @@ -133,6 +133,8 @@ body.toggle-entity-name .entity-name { display: flex; text-align: center; width: 100%; + margin-top: 10px; + margin-bottom: 10px; } .options-block { @@ -442,3 +444,11 @@ a { a.corner-ribbon { text-decoration: none; } + +input[type=checkbox] { + transform: scale(2); +} + +input ~ label { + user-select: none; +} \ No newline at end of file diff --git a/macrovision.html b/macrovision.html index 779bddea..6337ed2e 100644 --- a/macrovision.html +++ b/macrovision.html @@ -104,6 +104,15 @@ Auto-size world +
+ + diff --git a/macrovision.js b/macrovision.js index 87a699d2..4cbf5c3e 100644 --- a/macrovision.js +++ b/macrovision.js @@ -928,6 +928,14 @@ function doSliderEntityScale() { document.addEventListener("DOMContentLoaded", () => { prepareEntities(); + document.querySelector("#options-world-show-names").addEventListener("input", e => { + document.body.classList[e.target.checked ? "add" : "remove"]("toggle-entity-name"); + }); + + document.querySelector("#options-world-show-bottom-names").addEventListener("input", e => { + document.body.classList[e.target.checked ? "add" : "remove"]("toggle-bottom-name"); + }); + document.querySelector("#options-order-forward").addEventListener("click", e => { if (selected) { entities[selected.dataset.key].priority += 1;