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

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

Open
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 are pending
CI / build-docker (pull_request) Waiting to run
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 are pending
CI / build-docker (pull_request) Waiting to run
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
Some checks are pending
CI / build-docker (pull_request) Waiting to run
Details
This pull request has changes conflicting with the target branch.
  • api/track-messages.py
  • public/404.html
  • public/index.html
  • public/js/app.js
View command line instructions

Manual merge helper

Use this merge commit message when completing the merge manually.

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin feat/mobile-responsive-v2:feat/mobile-responsive-v2
git switch feat/mobile-responsive-v2

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff feat/mobile-responsive-v2
git switch feat/mobile-responsive-v2
git rebase main
git switch main
git merge --ff-only feat/mobile-responsive-v2
git switch feat/mobile-responsive-v2
git rebase main
git switch main
git merge --no-ff feat/mobile-responsive-v2
git switch main
git merge --squash feat/mobile-responsive-v2
git switch main
git merge --ff-only feat/mobile-responsive-v2
git switch main
git merge feat/mobile-responsive-v2
git push origin main
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.