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.
*/
settingsButton.addEventListener("click", () => {
const currentlyOpen = settingsPanel.style.display === "block";
settingsPanel.style.display = currentlyOpen ? "none" : "block";
settingsPanel.classList.toggle("open");
});
/**
@@ -25,7 +24,7 @@ settingsButton.addEventListener("click", () => {
*/
function closePanel() {
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;
padding: 20px;
box-shadow: 0 8px 24px rgba(0,0,0,0.4);
display: none;
overflow-y: auto;
z-index: 9999;
animation: slideIn 0.2s ease-out;
/*animation: slideIn 0.2s ease-out; */
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 {