guim31
August 28, 2026, 9:49am
1
Some remarks about the navigation button at the bottom of the screen on mobile.
Here it is:
On the one hand, I think this large button would deserve a slightly more pronounced shadow in its upper part, as I sometimes have trouble distinguishing it from what is below
On the other hand, I would have loved to be able to slide laterally to scroll through the list of dashboards, because there the behavior is a bit shaky to my taste:
A click on my living room icon gives:
A click on my bedroom icon (right next to it) gives:
So already we have lost the icon with the « … » it looks weird.
And when I click on the caret icon, I get this list which I find quite unattractive:
Especially since I have to scroll in this list.
Maybe it’s my abusive use of dashboards that leads to this behavior and that I don’t represent a classic use, but I wanted to raise this point
guim31
August 28, 2026, 10:00am
2
I’m adding a point about the navigation bar: on mobile, when I switch from landscape view to portrait view, the navigation bar is broken until a refresh.
I pretty much agree with you. I have a few dashboards, and the ability to scroll horizontally instead of opening a list and scrolling vertically saves an action ^^ (to be seen on PC for those who abuse dashboards even more ahah)
guim31:
On the other hand, I would have loved to be able to slide laterally to scroll through the list of dashboards, because right now the behavior is a bit shaky in my opinion:
It is possible, doesn’t it work for you?
You have to slide in the middle of the screen!
guim31
August 28, 2026, 10:06am
6
Oh sorry, I didn’t express myself well!
That I’ve tried, it works very well and it’s practical! But let me tell you that if I want to go from one of my dashboards to the last one, the « global » slide will quickly slow me down ^^
I meant a slide gesture ON the dashboard menu to scroll through the list horizontally, like for this banner in the integrations:
I confirm, I also need a slide for this bar that lists the dashboard icons, so I can comfortably navigate among my 20 dashboards
(message deleted by author)
Hi everyone!
This topic is now in development .
A PR has been opened to make the dock’s pill bar scrollable (many dashboards, long names):
master ← claude/gladys-dashboard-navigation-r5aoc1
ouvert 11:22AM - 28 Aug 26 UTC
### Description
Proposal implementing the dashboard navigation feedback from th… e forum topic below, aimed at installations with **many dashboards** (20+) and **long names** — to be tested by the community before deciding.
**Mobile bottom dock — the pill bar now scrolls sideways** (this replaces the priority+ collapse below the 992px breakpoint):
- The pill track scrolls horizontally with a hidden scrollbar, like the integrations band, so every dashboard stays one continuous thumb gesture away, at a stable position — no more "…" menu two taps away with a vertical scroll.
- Inactive pills stay icon dots and only the active pill keeps its (ellipsized) name, so a long name can never eat the bar.
- Edge fades signal the pills hidden past each edge, and the active pill is automatically re-centered on every switch (dock tap, page swipe, list pick) and on rotation.
- A **fixed list button** (`☰`, shown only when the track actually overflows) opens the existing full *named* list: with many look-alike icon dots, the list remains how a dashboard is identified. Unlike the old "…" button, it never changes shape — that inconsistency was one of the forum complaints.
- A drag on the dock only scrolls the dock (it is already excluded from the page-swipe gesture), so it cannot accidentally switch dashboards.
- The dock and its action pills get a slightly deeper shadow so the bar stays visually anchored over photo scenes (forum feedback).
**Desktop is unchanged**: the priority+ layout (pills collapsing behind "…") remains, since sideways wheel-scrolling is awkward with a mouse and space is plentiful there.
Likely side benefit: the broken bar reported after a landscape→portrait rotation should no longer occur on phones — the mobile layout no longer relies on the row-fit measurement at all, and rotation now re-centers the active pill (verified in a mobile-emulated browser).
Tested with a 15-dashboard demo instance in mobile emulation (iPhone-sized, touch): track scrolling, list menu, far-dashboard pick + auto-centering, landscape↔portrait rotation, and the desktop priority+ path.
| Mobile dock (start) | Scrolled | Full list | Far dashboard centered |
|---|---|---|---|
| Active pill named, icon dots fade out toward the right edge, `☰` at the end | Fades on both edges | Named list opens upward, active highlighted | Active pill re-centered with fades on both sides |
## Forum
Forum: https://community.gladysassistant.com/t/suggestion-pour-navigation-dans-les-dashboards-de-la-v5/10728
### Checklist
- [x] Tests pass: front-only change, no server code touched (server coverage unaffected); front build passes, existing Cypress specs don't cover the dashboard switcher
- [x] Linter and prettier pass on both front and server (`npm run eslint`, `npm run prettier`) — plus `compare-translations` for the new i18n key
- [x] No undocumented breaking change
🤖 Generated with [Claude Code](https://claude.com/claude-code)
https://claude.ai/code/session_01U2B6Dzmczi84dSB29wc9kx
---
_Generated by [Claude Code](https://claude.ai/code/session_01U2B6Dzmczi84dSB29wc9kx)_
Feel free to follow the PR, test (optional, especially for small requests) and share your feedback here if needed.
guim31
August 28, 2026, 11:30am
11
That’s exactly what I was imagining
I made a few fixes to make it cleaner, and I merged it
I like it a lot too! Thanks