guim31
28 Agosto, 2026 09:49
1
Algunas observaciones sobre el botón de navegación en la parte inferior de la pantalla en dispositivos móviles.
Aquí está:
Por un lado, creo que este botón grande merecería tener una sombra un poco más pronunciada en su parte superior, ya que a veces me cuesta distinguirlo de lo que hay debajo.
Por otro lado, me encantaría poder deslizar lateralmente para desplazarme por la lista de dashboards, ya que el comportamiento actual me parece un poco inestable:
Un clic en mi icono de la sala de estar da:
Un clic en el icono de mi habitación (justo al lado) da:
Por lo tanto, ya perdemos el icono con los « … », lo cual es raro.
Y cuando hago clic en el icono de caret, obtengo esta lista que me parece poco estética:
Además, debo desplazarme en esta lista.
Quizás sea mi uso excesivo de los dashboards lo que lleva a este comportamiento y no represente un uso clásico, pero quería señalar este punto;)
guim31
28 Agosto, 2026 10:00
2
Añado un punto que concierne a la barra de navegación: en móvil, cuando paso de una vista horizontal a una vista vertical, la barra de navegación está rota hasta un refresco.
estoy bastante de acuerdo contigo. Tengo algunos dashboards y el hecho de poder desplazarse horizontalmente en lugar de abrir una lista y desplazarse verticalmente, evita una acción ^^ (a ver en PC para los que abusan aún más de los dashboards jajaja)
guim31:
Por otro lado, me encantaría poder deslizar lateralmente para desplazarme por la lista de dashboards, porque ahora el comportamiento es un poco inestable para mi gusto:
¿Pero si es posible, no funciona en tu caso?
¡Hay que deslizar en el centro de la pantalla!
guim31
28 Agosto, 2026 10:06
6
¡Sí, perdón, me expresé mal!
Eso lo he probado, funciona muy bien y es práctico. Pero te digo que si quiero ir de uno de mis dashboards al último, el deslizamiento « global » me va a frenar rápidamente ^^
Quería decir un gesto de deslizamiento SOBRE el menú de los dashboards para hacer desfilar la lista horizontalmente, como en esta banda en las integraciones:
Lo confirmo, también necesito un slide para esta barra que lista las iconos de los dashboards, para poder navegar cómodamente entre mis 20 dashboards
¡Hola a todos!
Este tema ahora está en desarrollo .
Se ha abierto una PR para hacer que la barra de pestañas del dock sea desplazable (muchos dashboards, nombres largos):
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 slim capsule is easy to miss by a few pixels: an **invisible touch halo** above the bar still grabs the bar scroll, and the page pager never starts a swipe in a **32px guard strip** above the dock — a near-miss can no longer 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 (on the bar and in the halo above it), guard strip (no accidental switch), mid-screen page swipe (still switches), list menu, far-dashboard pick + auto-centering, landscape↔portrait rotation, and the desktop priority+ path.
## 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
## Summary by CodeRabbit
* **New Features**
* Added a mobile-friendly dashboard navigation dock with horizontally scrollable tabs.
* Added a list button to reveal all dashboards when tabs exceed available space.
* Active dashboard tabs are automatically brought into view.
* Added localized “All dashboards” labels in English, French, and German.
* Desktop tabs that exceed available space can be expanded from an overflow menu.
* **Bug Fixes**
* Prevented near-miss touches above the mobile dock from switching dashboards.
* **Style**
* Improved tab scrolling, edge indicators, spacing, and glass-theme styling.
No duden en seguir la PR, probar (opcional, especialmente para pequeñas solicitudes) y dar sus comentarios aquí si es necesario.
guim31
28 Agosto, 2026 11:30
11
Es es exactamente lo que imaginaba
He hecho algunos ajustes para que sea más limpio, y lo he fusionado
¡A mí también me encanta! Gracias