Linus-Enjoyer/Freedom-Loader
1
1
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-09-27 20:11:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(front): settings menu transition

Browse Source
This commit is contained in:
MasterAcnolo
2026-09-16 20:17:42 +02:00
parent 2c0f5b315b
commit 4a64a40226
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/script/settingsPanel.js
View File

@@ -16,8 +16,7 @@ let isOpen = false;
* Toggles visibility of the settings panel when clicking the settings button. * Toggles visibility of the settings panel when clicking the settings button.
*/ */
settingsButton.addEventListener("click", () => { settingsButton.addEventListener("click", () => {
const currentlyOpen = settingsPanel.style.display === "block"; settingsPanel.classList.toggle("open");
settingsPanel.style.display = currentlyOpen ? "none" : "block";
}); });
/** /**
@@ -25,7 +24,7 @@ settingsButton.addEventListener("click", () => {
*/ */
function closePanel() { function closePanel() {
isOpen = false; isOpen = false;
settingsPanel.style.display = "none"; settingsPanel.classList.remove("open");
} }
/** /**

15
public/styles/layout/settingsPanel.css
View File

@@ -45,11 +45,22 @@
border-radius: 12px; border-radius: 12px;
padding: 20px; padding: 20px;
box-shadow: 0 8px 24px rgba(0,0,0,0.4); box-shadow: 0 8px 24px rgba(0,0,0,0.4);
display: none;
overflow-y: auto; overflow-y: auto;
z-index: 9999; z-index: 9999;
animation: slideIn 0.2s ease-out; /*animation: slideIn 0.2s ease-out; */
color: var(--settings-text-color); color: var(--settings-text-color);
display: block;
opacity: 0;
pointer-events: none;
transform: translateX(20px);
transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.settings-panel.open {
opacity: 1;
pointer-events: auto;
transform: translateX(0);
} }
.settings-panel::-webkit-scrollbar { .settings-panel::-webkit-scrollbar {