meoware.exe/TidaLuna-Plugins
1
0
Fork 0
mirror of https://github.com/meowarex/TidaLuna-Plugins.git synced 2026-06-18 03:43:10 +10:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Animation of Unhide

Browse Source
This commit is contained in:
meowarex
2025-06-05 22:46:43 +10:00
parent 830ae84120
commit ea3ef12629
2 changed files with 43 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/radiant-lyrics-luna/src/index.ts
+41 -5
View File
@@ -35,13 +35,43 @@ const updateButtonStates = function(): void {
const unhideButton = document.querySelector('.unhide-ui-button') as HTMLElement;
if (hideButton) {
hideButton.style.display = (settings.hideUIEnabled && !isHidden) ? 'flex' : 'none';
if (settings.hideUIEnabled && !isHidden) {
hideButton.style.display = 'flex';
hideButton.style.opacity = '1';
hideButton.style.visibility = 'visible';
hideButton.style.pointerEvents = 'auto';
} else {
hideButton.style.opacity = '0';
hideButton.style.visibility = 'hidden';
hideButton.style.pointerEvents = 'none';
// Keep display: flex to maintain transitions
setTimeout(() => {
if (hideButton.style.opacity === '0') {
hideButton.style.display = 'none';
}
}, 500); // Wait for transition to complete
}
}
if (unhideButton) {
unhideButton.style.display = (settings.hideUIEnabled && isHidden) ? 'flex' : 'none';
// Remove the immediate hide class when button should be visible
if (settings.hideUIEnabled && isHidden) {
unhideButton.style.display = 'flex';
// Remove the hide-immediately class and let it fade in
unhideButton.classList.remove('hide-immediately');
setTimeout(() => {
unhideButton.style.opacity = '1';
unhideButton.style.visibility = 'visible';
unhideButton.style.pointerEvents = 'auto';
}, 50); // Small delay to ensure display is set first
} else {
unhideButton.style.opacity = '0';
unhideButton.style.visibility = 'hidden';
unhideButton.style.pointerEvents = 'none';
// Keep display: flex to maintain transitions
setTimeout(() => {
if (unhideButton.style.opacity === '0') {
unhideButton.style.display = 'none';
}
}, 500); // Wait for transition to complete
}
}
};
@@ -278,10 +308,13 @@ const createHideUIButton = function(): void {
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
transition: all 0.5s ease-in-out;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
opacity: 1;
visibility: visible;
pointer-events: auto;
`;
// Add hover effect
@@ -341,7 +374,7 @@ const createUnhideUIButton = function(): void {
display: none;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
transition: all 0.5s ease-in-out;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
@@ -349,6 +382,9 @@ const createUnhideUIButton = function(): void {
-webkit-backdrop-filter: blur(10px);
z-index: 1000;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
pointer-events: none;
`;
// Add hover effect
plugins/radiant-lyrics-luna/src/styles.css
+2 -7
View File
@@ -36,12 +36,11 @@
/* Remove all layout-changing rules - only fade buttons, keep everything else in place */
/* Immediate hide class for unhide button */
/* Immediate hide class for unhide button with smooth transition */
.hide-immediately {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: none !important;
}
[class^="_bar"] {
@@ -173,8 +172,4 @@ button[aria-label*="Heart"],
transition: opacity 0.5s ease-in-out;
}
/* Keep the Unhide button always visible with special styling */
.unhide-ui-button {
opacity: 1 !important;
display: flex !important;
}
/* Let JavaScript handle the unhide button visibility and transitions */