lolisland/lolisland.us
1
0
Fork 0
mirror of https://github.com/101island/lolisland.us.git synced 2026-03-01 03:49:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(settings): disable all marble interactions when main toggle is off

Browse Source
This commit is contained in:
氟氟
2025-12-24 10:01:03 +08:00
parent b9ce359aea
commit 4c5982b082
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/SettingsMenu.astro
View File

@@ -57,7 +57,7 @@
<label class="toggle-switch">
<input type="checkbox" id="mouse-interaction-toggle" checked>
<span class="slider"></span>
<span class="label-text">MouseInteraction</span>
<span class="label-text">Mouse Interaction</span>
</label>
<label class="toggle-switch" id="device-motion-container">
@@ -198,14 +198,23 @@
if (parent) parent.classList.remove("disabled");
}, 500);
// logic to disable/enable collision toggle
if (toggles.collision) {
toggles.collision.disabled = !target.checked;
const container = toggles.collision.parentElement;
if (container) {
container.classList.toggle("disabled", !target.checked);
// logic to disable/enable all marble subsystems
const subToggles = [
toggles.collision,
toggles.mouseInteraction,
toggles.deviceMotion,
toggles.deviceOrientation,
];
subToggles.forEach((subToggle) => {
if (subToggle) {
subToggle.disabled = !target.checked;
const container = subToggle.parentElement;
if (container) {
container.classList.toggle("disabled", !target.checked);
}
}
}
});
});
}