Ich hatte das bereits wegen einiger Szenen gemeldet und es wurde bereits korrigiert, aber es gibt dasselbe Problem bei den MQTT-Geräten: Ihr Name wird auf meinem iPhone abgeschnitten.
Das liegt entweder daran, dass der Name etwas lang ist oder dass die Information sehr breit ist. Einige Beispiele:
mutmut
29. August 2026 um 08:12
2
Ich habe es auch im Desktop-Modus die ... gesehen.
Ich würde Keine aktuellen Werte auf zwei Zeilen setzen, um noch mehr Platz zu gewinnen.
Hallo zusammen!
Dieses Thema ist nun in Entwicklung .
Ein Pull Request wurde erstellt, um die zu langen MQTT-Namen im Geräte-Widget des Dashboards vollständig anzuzeigen, anstatt sie abzuschneiden:
master ← claude/mqtt-device-names-mobile-jlb0q1
ouvert 08:42AM - 29 Aug 26 UTC
### Description
On the dashboard devices widget, long device/feature names — ty… pical of MQTT devices, where the feature name carries all the context — were ellipsized down to a few characters on mobile, even when the control next to them was a mere switch or value badge.
The root cause: the widget rows are a real table, so its three columns were **shared by every row of the card**. One wide control (a shutter button group, a setpoint capsule) claimed that width for the whole control column, and every name of the card was crushed against it, while narrower rows showed a large dead gap.
This change (CSS only — the `<tr>/<td>` markup of the 25+ feature components is untouched) makes each widget row an independent flex row, like the scene rows already are:
- the control keeps exactly its natural width and hit area, whatever the name's length;
- the name gets every remaining pixel of **its own row**, and wraps on several lines (`overflow-wrap: anywhere` breaks even single-token names like `Volet_roulant_chambre_parentale`) instead of being truncated;
- the slider is the one control allowed to give width back to a long name, down to a usable ~6rem floor, and the Bootstrap `.col` gutters in its cell (30px of dead width) are neutralized;
- the "no recent value" badge folds on two balanced lines instead of stealing half the row (suggested on the forum topic);
- the `select` fallback of the adaptive option controls gets a min/max width so a long name can't crush it to its arrow.
The buttons→dropdown adaptive mechanism (`acAdaptiveControls`) keeps working: `nowrap` control cells never shrink below their natural width, so an oversized button group still overflows the `.table-responsive` box, which is what the coordinator measures.
Verified with real renderings (Chromium, 390px iPhone viewport, FR locale, demo mode) on a widget mixing 8 feature families with long MQTT names — switch, sensor value, no-recent-value badge, shutter button group, slider, adaptive mode control, setpoint stepper, merged light row — plus the short-name widgets (no regression) and a narrow 3-column desktop card.
| Before (mobile) | After (mobile) |
|---|---|
| Every name cut to ~5 characters (`Prise…`, `Temp…`, `Humi…`) against the width claimed by the widest control of the card | Names readable on 2-3 lines, controls unchanged, dead gaps gone |
## Forum
Forum: https://community.gladysassistant.com/t/sur-mobile-noms-dappareils-mqtt-tronque-sur-le-dashboard/10746
### Checklist
- [x] Tests pass: server untouched (front CSS + one className only); Cypress suite not run in this environment — the change is visual, verified with real browser renderings at mobile and desktop viewports
- [x] Linter and prettier pass on both front and server (`npm run eslint`, `npm run prettier`)
- [x] No undocumented breaking change
🤖 Generated with [Claude Code](https://claude.com/claude-code)
https://claude.ai/code/session_01Lkhkpg8WqqMWxyPULoBtao
---
_Generated by [Claude Code](https://claude.ai/code/session_01Lkhkpg8WqqMWxyPULoBtao)_
## Summary by CodeRabbit
* **Style**
* Improved device widget layouts for narrow screens and responsive displays.
* Device names can wrap more naturally without truncation.
* Controls and selectors maintain usable sizing and spacing.
* “No recent value” badges can wrap cleanly.
* Sliders now retain a practical minimum width.
Zögert nicht, den PR zu verfolgen, zu testen (optional, vor allem bei kleinen Anfragen) und euer Feedback hier zu hinterlassen, falls nötig.
Tester gesucht unter dieser URL:
Getestet, und ich bestätige. Danke
Diese Testmethode ist super praktisch, aber ich überspringe den 2FA-Schritt mit Wiederherstellungscodes, weil ich mich nicht daran erinnere, eine 2FA-App für Gladys eingerichtet zu haben.
Super! Ich habe dir die 2FA deaktiviert, du kannst dich wieder anmelden und musst sie neu einrichten
