Desktop-Sidebar-Markenklon (.navmarke) aus Claude Design nachziehen
audi-dashboard-app.js war bereits mit dem Design-Projekt identisch, aber audi-dashboard-ios.css war seit einer Weile nicht mehr neu gezogen worden: Design hatte inzwischen einen Rings-Klon oben in der Desktop-Sidebar (.navmarke) sowie einen gefuellten Pill-Stil fuer den aktiven Tab ergaenzt. Nach Byte-Diff-Pruefung (nur additive CSS-Aenderungen) komplett uebernommen, in Docker deployt und bei 402px/1400px verifiziert. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
@@ -286,6 +286,20 @@ capacitor/iframe/browser (`umgebung.ts`), types + entity table (`types.ts`), fac
|
||||
viewport-anchored, not parent-relative) inside `@container (min-width:860px)`. Verified live at
|
||||
both narrow (mobile tab bar, full content) and wide (1144px container, grid side-nav,
|
||||
navigation clicks, settings back-arrow) — screenshots taken, no regressions found.
|
||||
- [x] Desktop-Sidebar-Markenklon (`.navmarke`) nachgezogen — done 2026-08-12. The user compared the
|
||||
deployed app against the live Claude Design "Board" (the two-viewport comparison page, which
|
||||
genuinely iframes this project's own `audi-dashboard-app.js`/`-ios.css`, not a static mockup)
|
||||
and asked why the desktop Audi-rings placement differed: Design showed the rings pinned above
|
||||
the sidebar nav list, ours showed them in the content header next to the title. Root cause,
|
||||
confirmed via `DesignSync get_file` + byte-diff: `audi-dashboard-app.js` was already fully in
|
||||
sync (identical), but `audi-dashboard-ios.css` had drifted — the Design project had since
|
||||
added a `.navmarke` sidebar clone of the rings (only visible in the `@container
|
||||
(min-width:860px)` block; `.rings{display:none!important}` hides the header copy there so the
|
||||
mark appears once) plus a filled-pill active-tab style (`.tabpille`), neither pulled back
|
||||
locally. Diffed the two full files first to confirm every change was additive/CSS-only, then
|
||||
replaced the local file wholesale. Verified in `audi_ha_test` at both 402px and 1400px: rings
|
||||
now sit above the nav list on desktop, gear icon alone in the content header, mobile view
|
||||
unaffected, no console errors beyond the pre-existing missing-vehicle-photo 404 gap.
|
||||
- [x] Standort-Kachel (live vehicle GPS position on the Übersicht, above "Zuletzt") — done
|
||||
2026-08-12. New tile with a real (non-fake) Leaflet mini-map, opens a fullscreen "Standort"
|
||||
route on tap; fullscreen has 4 floating controls (map style, center-on-vehicle,
|
||||
|
||||
Reference in New Issue
Block a user