MediaWiki:Gadget-hero-comparison.js: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Sig fig 3 to 4 |
Move controls panel styling out of inline styles into the gadget CSS so it follows the light/dark theme (with help from vergir-bot LLM) |
||
| Line 139: | Line 139: | ||
const maxSpirit = parseInt(container.dataset.maxSpirit) || 500; | const maxSpirit = parseInt(container.dataset.maxSpirit) || 500; | ||
container.insertAdjacentHTML('afterbegin', ` | container.insertAdjacentHTML('afterbegin', ` | ||
<div id="hero-controls | <div id="hero-controls"> | ||
<label | <label class="hero-control-label"> | ||
<span | <span class="hero-label-boons">Boons:</span> | ||
<input type="number" id="hero-input-power" min="0" max="${maxPower}" value="0 | <input type="number" id="hero-input-power" min="0" max="${maxPower}" value="0"> | ||
</label> | </label> | ||
<label | <label class="hero-control-label"> | ||
<span | <span class="hero-label-spirit">Bonus Spirit Power:</span> | ||
<input type="number" id="hero-input-spirit" min="0" max="${maxSpirit}" value="0" step="10 | <input type="number" id="hero-input-spirit" min="0" max="${maxSpirit}" value="0" step="10"> | ||
</label> | </label> | ||
<button id="hero-reset-btn | <button id="hero-reset-btn">Reset</button> | ||
<button id="hero-max-btn | <button id="hero-max-btn">Max Boons</button> | ||
<button id="hero-toggle-all-alt | <button id="hero-toggle-all-alt">Show Alt‑Fire</button> | ||
<span | <span class="hero-control-note">Values update automatically</span> | ||
</div> | </div> | ||
`); | `); | ||