jens/TimeTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve mobile UI/UX.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-13 10:52:20 +02:00
parent 2d18849267
commit 7140aeba41
21 changed files with 3604 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
static/js/sidebar.js
View File

@@ -3,7 +3,7 @@ document.addEventListener('DOMContentLoaded', function() {
const sidebar = document.getElementById('sidebar');
const sidebarToggle = document.getElementById('sidebar-toggle');
const mobileNavToggle = document.getElementById('mobile-nav-toggle');
const mobileOverlay = document.getElementById('mobile-overlay');
const mobileOverlay = document.getElementById('mobile-nav-overlay');
// Desktop sidebar toggle
if (sidebarToggle) {
@@ -27,18 +27,20 @@ document.addEventListener('DOMContentLoaded', function() {
// Mobile navigation toggle
if (mobileNavToggle) {
mobileNavToggle.addEventListener('click', function() {
sidebar.classList.toggle('mobile-open');
sidebar.classList.toggle('active');
mobileOverlay.classList.toggle('active');
mobileNavToggle.classList.toggle('active');
document.body.classList.toggle('mobile-nav-open');
});
}
// Close mobile sidebar when clicking overlay
if (mobileOverlay) {
mobileOverlay.addEventListener('click', function() {
sidebar.classList.remove('mobile-open');
sidebar.classList.remove('active');
mobileOverlay.classList.remove('active');
if (mobileNavToggle) mobileNavToggle.classList.remove('active');
document.body.classList.remove('mobile-nav-open');
});
}