kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

rating switch more visual

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-25 09:32:44 +02:00
parent d4a68f59fd
commit 8977c072f2
1 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/s/js/f0ckm.js
View File

@@ -252,26 +252,38 @@ window.cancelAnimFrame = (function () {
}; };
window.flashMessage = (text, duration = 2000, type = 'info') => { window.flashMessage = (text, duration = 2000, type = 'info') => {
const existing = document.getElementById('f0ck-flash'); // Ensure the stacking container exists
if (existing) existing.remove(); let container = document.getElementById('f0ck-flash-container');
if (!container) {
container = document.createElement('div');
container.id = 'f0ck-flash-container';
container.style.cssText = 'position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;';
document.body.appendChild(container);
}
const flash = document.createElement('div'); const flash = document.createElement('div');
flash.id = 'f0ck-flash';
flash.textContent = text; flash.textContent = text;
let baseStyle = 'position:fixed;bottom:20px;left:20px;color:#fff;padding:10px 18px;border-radius:6px;font-size:13px;z-index:9999;opacity:0;transition:opacity 0.3s;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);'; let baseStyle = 'color:#fff;padding:10px 18px;border-radius:6px;font-size:13px;opacity:0;transition:opacity 0.3s,transform 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);transform:translateY(6px);';
if (type === 'error') { if (type === 'error') {
baseStyle += 'background:rgba(200,30,30,0.95);'; baseStyle += 'background:rgba(200,30,30,0.95);';
} else if (type === 'success') {
baseStyle += 'background:rgba(30,130,60,0.95);';
} else { } else {
baseStyle += 'background:rgba(30,30,30,0.95);'; baseStyle += 'background:rgba(30,30,30,0.95);';
} }
flash.style.cssText = baseStyle; flash.style.cssText = baseStyle;
document.body.appendChild(flash); container.appendChild(flash);
requestAnimationFrame(() => { flash.style.opacity = '1'; }); requestAnimationFrame(() => {
flash.style.opacity = '1';
flash.style.transform = 'translateY(0)';
});
setTimeout(() => { setTimeout(() => {
flash.style.opacity = '0'; flash.style.opacity = '0';
flash.style.transform = 'translateY(6px)';
setTimeout(() => flash.remove(), 300); setTimeout(() => flash.remove(), 300);
}, duration); }, duration);
}; };