update styling of topic page

This commit is contained in:
Eric Blommel
2024-11-18 23:24:21 +01:00
parent 4d15af1803
commit 31af146046
4 changed files with 328 additions and 333 deletions

View File

@@ -38,7 +38,7 @@ $topics = $subjectData->topics;
<a href="homepage.php" class="nav-link">
<i class="fas fa-home"></i> Startseite
</a>
<a href="#" class="nav-link">
<a href="#" class="nav-link active">
<i class="fas fa-book"></i> <?php echo($subjectData->displayName); ?> Übersicht
</a>
</nav>
@@ -126,8 +126,6 @@ $topics = $subjectData->topics;
document.addEventListener('DOMContentLoaded', () => {
const menuToggle = document.querySelector('.menu-toggle');
const sidebar = document.querySelector('.sidebar');
const searchContainer = document.querySelector('.search-container');
const mainContent = document.querySelector('.main-content');
// Function to handle sidebar toggle
function toggleSidebar() {
@@ -194,14 +192,6 @@ $topics = $subjectData->topics;
}
}, 250);
});
// Handle escape key to close sidebar
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && sidebar.classList.contains('active')) {
sidebar.classList.remove('active');
removeOverlay();
}
});
});
// Add this right after your existing toggleSidebar function
@@ -215,7 +205,6 @@ $topics = $subjectData->topics;
}
// Add event listeners
window.addEventListener('load', updateMenuVisibility);
window.addEventListener('resize', updateMenuVisibility);
// Update search function with fallback animation