Просмотр исходного кода

Make the scale toggleable

tags/v0.1.0
Fen Dweller 6 лет назад
Родитель
Сommit
05179efd46
3 измененных файлов: 15 добавлений и 2 удалений
  1. +6
    -1
      macrovision.css
  2. +5
    -1
      macrovision.html
  3. +4
    -0
      macrovision.js

+ 6
- 1
macrovision.css Просмотреть файл

@@ -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%;


+ 5
- 1
macrovision.html Просмотреть файл

@@ -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


+ 4
- 0
macrovision.js Просмотреть файл

@@ -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;


Загрузка…
Отмена
Сохранить