// Rotation options document.querySelectorAll('[data-rotation]').forEach(btn => btn.addEventListener('click', (e) => const rotation = btn.getAttribute('data-rotation'); if (rotation === 'auto') this.enableAutoRotate(); else this.rotateScreen(parseInt(rotation)); this.rotationMenu.classList.remove('active'); ); );
handleOrientationChange() const orientation = screen.orientation.type; let degrees = 0;
.rotation-menu position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; background: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: none; flex-direction: column; min-width: 150px; overflow: hidden;
// Close menu when clicking outside document.addEventListener('click', (e) => if (!this.rotateBtn.contains(e.target)) this.rotationMenu.classList.remove('active'); );
// Rotation options document.querySelectorAll('[data-rotation]').forEach(btn => btn.addEventListener('click', (e) => const rotation = btn.getAttribute('data-rotation'); if (rotation === 'auto') this.enableAutoRotate(); else this.rotateScreen(parseInt(rotation)); this.rotationMenu.classList.remove('active'); ); );
handleOrientationChange() const orientation = screen.orientation.type; let degrees = 0; rotate the screen shortcut
.rotation-menu position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; background: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: none; flex-direction: column; min-width: 150px; overflow: hidden; // Rotation options document
// Close menu when clicking outside document.addEventListener('click', (e) => if (!this.rotateBtn.contains(e.target)) this.rotationMenu.classList.remove('active'); ); const rotation = btn.getAttribute('data-rotation')