Skip to content

Kein Menue geht mehr auf; App passt nicht auf ein Telefon; Vorgabe Deutsch statt Englisch #126

Description

@larszu

Gemessen am 2026-09-13 im echten Browser (Chromium, dist/-Build, 390/768/1440 px) — Sonde ist scripts/bedienbar.mjs aus av-planner-suite (Backlog-Eintrag B-77).

1. Jede Menue-Klappe ist abgeschnitten (Regress aus #125)

#125 gab .tb-menubar ein overflow: hidden, damit die Kopfzeile nicht umbricht. Die Klappe ist ein position: absolute-Kind genau dieser Leiste — also schnitt dasselbe hidden sie mit ab.

Gemessen bei 1440 px: die Datei-Klappe ist 250 x 505 px gross und davon 250 x 0 px sichtbar. Datei, Bearbeiten, Werkzeuge, Ansicht: kein einziges Menue dieser App geht auf. Im Bildschirmfoto sieht man nur den aktiven Titel und darunter nichts.

Dasselbe hidden schnitt ausserdem den letzten Menuetitel ab: „Hilfe" ist bei 1440 px nicht sichtbar — die linke Spalte des Kopfzeilen-Rasters bekommt 1fr und war rund 25 px zu schmal.

2. Der @media (max-width: 980px)-Block aus #124 hat nie gewirkt

Er steht VOR der Grundregel .tb-modeswitch button { font-size: 13px; padding: 6px 16px }. Beide haben dasselbe Gewicht (0,1,1); bei Gleichstand gewinnt die spaetere. Die Zusage „unter 980 px zeigt der Umschalter nur noch seine Sinnbilder" ist deshalb nie eingetreten: der 2D-Plan-Knopf war im 390-px-Fenster 111 px breit statt 36.

3. Die App passt nicht auf ein Telefon

.app-body fuehrt vier Spalten — Werkzeugleiste 56, Bibliothek 264, Arbeitsflaeche, Eigenschaften 308. Das sind 628 px, bevor die Arbeitsflaeche ein Pixel bekommt. In einem 390-px-Fenster ragten acht Elemente bis 628 px hinaus; Arbeitsflaeche und rechte Spalte lagen ausserhalb des Fensters und waren nicht erreichbar, weil .app-body mit overflow: hidden abschneidet.

Dazu: .app hat keine grid-template-columns. Die implizite Spalte ist auto = so breit wie der Inhalt, also wuchs sie auf 597 px. Die Kopfzeile bekam damit 597 px zugewiesen, sah nie zu wenig Platz und schrumpfte nichts — alle flex-shrink- und min-width: 0-Regeln darin liefen ins Leere.

4. 24 Bedienpunkte unter 32 px

In allen drei Breiten dieselben:

Bedienpunkt gemessen
Menuetitel (5x) 25 px
Ansichts-Umschalter (3x) 27 px
Spalte einklappen, links und rechts 24 x 24 px
Suchfeld der Bibliothek 28 px
Gruppenkoepfe der Bibliothek (13x) 28 px

32 px ist die Zahl, die inventory-planner und larszu-facility-planner als --ziel fuehren und die bedienbar:check misst. WCAG 2.2 zieht die Untergrenze bei 24 px (SC 2.5.8) und empfiehlt 44 px (SC 2.5.5).

5. Das Suchfeld hat keinen Namen

Es traegt nur einen placeholder, und der verschwindet beim Tippen. Es ist das einzige Feld dieser App ohne Namen.

6. Die Vorgabe ist Deutsch, nicht Englisch (E-28)

uiStore.ts liest lp-lang und macht aus allem ausser einem ausdruecklichen 'en' ein 'de'. Eine frische Installation laeuft also auf Deutsch. E-28 (Entscheidung des Eigentuemers vom 2026-09-09) sagt: Quellsprache ist Englisch, Deutsch ist die erste Uebersetzung. Dieses Repo ist das einzige der Suite mit der umgekehrten Vorgabe.

7. Die Bibliothek steht auf Deutsch, auch auf Englisch

Sidebar.tsx ruft translate(language, \fixtureCategory.${cat}`, CATEGORY_LABELS[cat]). Den Schluessel fixtureCategory.gibt es ini18n/de.tsnicht — dort heisst dieselbe Sachefx.cat.` (so benutzt sie der Leuchten-Editor). Zwei Schluesselfamilien fuer denselben Begriff, eine davon leer: der Aufruf faellt immer auf die deutsche Form zurueck. Auf Englisch liest die Liste „Profilscheinwerfer, Stufenlinsen, PAR-Scheinwerfer".

lang:check sieht das nicht: er liest den Fallback als LITERAL am Aufruf. Steht dort ein Ausdruck (CATEGORY_LABELS[cat]), misst er nichts — und meldete „0 deutsch" ueber fuenfzehn deutsche Beschriftungen.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions