mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-07-01 00:23:29 +00:00
fix HostLobbyModal checkboxes by making ids unique
This commit is contained in:
@@ -162,13 +162,13 @@ export class HostLobbyModal extends LitElement {
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="disable-npcs"
|
||||
for="host-modal-disable-npcs"
|
||||
class="option-card ${this.disableNPCs ? "selected" : ""}"
|
||||
>
|
||||
<div class="checkbox-icon"></div>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="disable-npcs"
|
||||
id="host-modal-disable-npcs"
|
||||
@change=${this.handleDisableNPCsChange}
|
||||
.checked=${this.disableNPCs}
|
||||
/>
|
||||
@@ -178,13 +178,13 @@ export class HostLobbyModal extends LitElement {
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="instant-build"
|
||||
for="host-modal-instant-build"
|
||||
class="option-card ${this.instantBuild ? "selected" : ""}"
|
||||
>
|
||||
<div class="checkbox-icon"></div>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="instant-build"
|
||||
id="host-modal-instant-build"
|
||||
@change=${this.handleInstantBuildChange}
|
||||
.checked=${this.instantBuild}
|
||||
/>
|
||||
@@ -194,13 +194,13 @@ export class HostLobbyModal extends LitElement {
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="infinite-gold"
|
||||
for="host-modal-infinite-gold"
|
||||
class="option-card ${this.infiniteGold ? "selected" : ""}"
|
||||
>
|
||||
<div class="checkbox-icon"></div>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="infinite-gold"
|
||||
id="host-modal-infinite-gold"
|
||||
@change=${this.handleInfiniteGoldChange}
|
||||
.checked=${this.infiniteGold}
|
||||
/>
|
||||
@@ -210,13 +210,13 @@ export class HostLobbyModal extends LitElement {
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="infinite-troops"
|
||||
for="host-modal-infinite-troops"
|
||||
class="option-card ${this.infiniteTroops ? "selected" : ""}"
|
||||
>
|
||||
<div class="checkbox-icon"></div>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="infinite-troops"
|
||||
id="host-modal-infinite-troops"
|
||||
@change=${this.handleInfiniteTroopsChange}
|
||||
.checked=${this.infiniteTroops}
|
||||
/>
|
||||
@@ -226,13 +226,13 @@ export class HostLobbyModal extends LitElement {
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="disable-nukes"
|
||||
for="host-modal-disable-nukes"
|
||||
class="option-card ${this.disableNukes ? "selected" : ""}"
|
||||
>
|
||||
<div class="checkbox-icon"></div>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="disable-nukes"
|
||||
id="host-modal-disable-nukes"
|
||||
@change=${this.handleDisableNukesChange}
|
||||
.checked=${this.disableNukes}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user