Fix Screen tab visibility: Use class selector to handle multiple sidebar instances

This commit is contained in:
PaulVua
2026-02-17 12:23:19 +01:00
parent 3e5ee9c77e
commit 7b0fb0650a
3 changed files with 99 additions and 79 deletions

View File

@@ -37,21 +37,22 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
// 2. Sidebar Screen Tab Logic
const navScreen = document.getElementById('nav-screen');
if (navScreen) {
if (isModuleAirPro) {
// Ensure it's visible (bootstrap nav-link usually block or flex)
// Using removeProperty to let CSS/Bootstrap handle it, or force display
if (navScreen.style.display === 'none') {
navScreen.style.display = 'flex';
// 2. Sidebar Screen Tab Logic - Use class since ID might be duplicated (desktop/mobile)
const navScreenElements = document.querySelectorAll('.nav-screen-item');
if (navScreenElements.length > 0) {
navScreenElements.forEach(navScreen => {
if (isModuleAirPro) {
// Ensure it's visible (bootstrap nav-link usually block or flex)
if (navScreen.style.display === 'none') {
navScreen.style.display = 'flex';
}
} else {
// Hide if not pro
if (navScreen.style.display !== 'none') {
navScreen.style.display = 'none';
}
}
} else {
// Hide if not pro
if (navScreen.style.display !== 'none') {
navScreen.style.display = 'none';
}
}
});
}
}
});