/* context menu simulation (right-click) */ .context-menu position: fixed; background: #1e1f2cdf; backdrop-filter: blur(20px); border-radius: 12px; padding: 6px 0; min-width: 160px; box-shadow: 0 12px 28px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,210,0.3); z-index: 1000; font-size: 13px; font-weight: 500; color: #eaeef5; animation: menuFade 0.12s ease;
// remove an icon by id function deleteIconById(iconId) const index = iconsState.findIndex(ic => ic.id === iconId); if (index !== -1) iconsState.splice(index, 1); persistPositions(); renderAllIcons(); showToast(`🗑️ Removed icon`, 1000); small icons on desktop
// save icons positions to localStorage function persistPositions() const positions = iconsState.map(icon => ( id: icon.id, x: icon.x, y: icon.y )); localStorage.setItem('desktopIconsLayout', JSON.stringify(positions)); /* context menu simulation (right-click) */
let iconsState = []; // each: id, name, emoji, x, y, colorTint let dragTarget = null; let dragStartX = 0, dragStartY = 0; let initialLeft = 0, initialTop = 0; let activeIconElement = null; let currentZIndex = 20; // bring dragged icon to front padding: 6px 0