les_clankeurs/dashboard
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: mobile responsive overhaul + bottom nav (#37) #6

Closed
ti-paul wants to merge 3 commits from feat/mobile-responsive-v2 into main
pull from: feat/mobile-responsive-v2
merge into: les_clankeurs:main
Conversation 0 Commits 3 Files changed 5 +430 -61
ti-paul commented 2026-05-05 02:27:28 +00:00
Member
Copy link

📱 Mobile Responsive Complet

Ce que ça fait

  • 3 breakpoints: Tablet (768px), Mobile (480px), Tiny (360px)
  • Bottom navigation bar (Stats/Chart/Classement) — style app native, mobile seulement
  • Smooth scroll + scroll spy pour le highlight actif
  • Cards compactes — padding réduit, icones plus petites, stats adaptées
  • Leaderboard compact — rows serrées, bar cachée sur tiny screens
  • Touch-friendly — tap targets min 44px, -webkit-tap-highlight-color
  • Safe area — padding-bottom pour devices avec notch
  • Desktop 100% unaffected — bottom-nav cachée au-dessus de 769px

Fichiers modifiés

  • public/css/style.css — 3 breakpoints + bottom nav styles
  • public/index.html — section IDs + bottom nav HTML
  • public/js/app.js — scroll spy + smooth scroll logic

Closes #37

Migrated from Gitea PR #43 by @pawtrick on 2026-05-03T22:20:50Z

## 📱 Mobile Responsive Complet ### Ce que ça fait - **3 breakpoints:** Tablet (768px), Mobile (480px), Tiny (360px) - **Bottom navigation bar** (Stats/Chart/Classement) — style app native, mobile seulement - **Smooth scroll** + **scroll spy** pour le highlight actif - **Cards compactes** — padding réduit, icones plus petites, stats adaptées - **Leaderboard compact** — rows serrées, bar cachée sur tiny screens - **Touch-friendly** — tap targets min 44px, -webkit-tap-highlight-color - **Safe area** — padding-bottom pour devices avec notch - **Desktop 100% unaffected** — bottom-nav cachée au-dessus de 769px ### Fichiers modifiés - `public/css/style.css` — 3 breakpoints + bottom nav styles - `public/index.html` — section IDs + bottom nav HTML - `public/js/app.js` — scroll spy + smooth scroll logic Closes #37 --- *Migrated from Gitea PR #43 by @pawtrick on 2026-05-03T22:20:50Z*
feat: dark/light/rasta theme toggle (#35)
Some checks failed
CI / build-docker (pull_request) Has been cancelled
Details
b6a49ec57f 
- CSS custom properties for all theme colors
- 3 themes: dark (default), light, rasta (red/gold/green)
- Toggle buttons fixed top-right with emoji indicators
- System preference detection on first visit
- localStorage persistence across sessions
- Smooth 0.35s transitions between themes
- Chart.js colors update dynamically on theme switch
- Anti-FOUC inline script in <head>
- Mobile responsive toggle

Closes #35
feat: mobile responsive overhaul + bottom nav (#37)
Some checks failed
CI / build-docker (pull_request) Has been cancelled
Details
92781749f5 
- 3 breakpoints: tablet (768px), mobile (480px), tiny (360px)
- Bottom navigation bar (Stats/Chart/Classement) on mobile only
- Smooth scroll + scroll spy for active nav highlighting
- Compact cards, leaderboard rows, and chart on small screens
- Touch-friendly tap targets (min 44px)
- Safe area inset padding for notched devices
- Bar chart hidden on very small screens to save space
- Desktop unaffected

Closes #37
ti-paul closed this pull request 2026-05-08 03:30:57 +00:00
Some checks failed
CI / build-docker (pull_request) Has been cancelled
Details

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
les_clankeurs/dashboard!6
No description provided.