Files
TimeTracker/docs
Dries Peeters d230a41e8a feat: enhance web interface layout and fix logo import circular dependency
- Improve web interface layout for better user-friendliness and mobile responsiveness
  * Update CSS variables for consistent spacing and component sizing
  * Enhance card layouts with improved padding, borders, and shadows
  * Optimize button and form element dimensions for better touch targets
  * Add hover effects and animations for improved user interaction
  * Implement responsive grid system with mobile-first approach

- Refactor mobile JavaScript to prevent duplicate initialization
  * Consolidate mobile enhancements into dedicated utility classes
  * Add initialization guards to prevent double loading
  * Implement MobileUtils and MobileNavigation classes
  * Remove duplicate event listeners and mobile enhancements

- Fix circular import issue in logo handling
  * Replace problematic 'from app import app' with Flask's current_app
  * Add error handling for cases where current_app is unavailable
  * Improve logo path resolution with fallback mechanisms
  * Fix settings model to use proper Flask context

- Clean up template code and remove duplication
  * Remove duplicate mobile enhancements from base template
  * Clean up dashboard template JavaScript
  * Centralize all mobile functionality in mobile.js
  * Add proper error handling and debugging

- Update CSS variables and spacing system
  * Introduce --section-spacing and --card-spacing variables
  * Add mobile-specific spacing variables
  * Improve border-radius and shadow consistency
  * Enhance typography and visual hierarchy

This commit resolves the double loading issue and logo import errors while
significantly improving the overall user experience and mobile responsiveness
of the web interface.
2025-08-30 10:09:06 +02:00
..

TimeTracker Documentation

Welcome to the TimeTracker documentation. This directory contains comprehensive documentation for all aspects of the application.

📚 Documentation Index

🚀 Getting Started

🐳 Docker & Deployment

🔧 Features

🛠️ Technical Details

📋 Project Guidelines

🔍 Quick Navigation

For New Users

  1. Start with the main README.md
  2. Check REQUIREMENTS.md for system requirements
  3. Review PROJECT_STRUCTURE.md for architecture overview

For Developers

  1. Read CONTRIBUTING.md for contribution guidelines
  2. Review feature-specific documentation for areas you're working on
  3. Check SOLUTION_GUIDE.md for common issues

For Deployment

  1. Review DOCKER_PUBLIC_SETUP.md for Docker deployment
  2. Check DOCKER_STARTUP_TROUBLESHOOTING.md if you encounter issues
  3. See SOLUTION_GUIDE.md for deployment solutions

📝 Documentation Structure

All documentation files are organized by category and purpose:

  • Feature Documentation: Explains specific application features
  • Technical Guides: Implementation details and technical information
  • Deployment Guides: Setup and deployment instructions
  • Troubleshooting: Common issues and their solutions
  • Project Guidelines: Community and contribution guidelines

🤝 Contributing to Documentation

If you find errors or want to improve the documentation:

  1. Check the CONTRIBUTING.md guidelines
  2. Make your changes
  3. Submit a pull request

Good documentation helps everyone use and contribute to the project effectively!