Slide 4: das Menue haengt sichtbar am Pluszeichen

Vier Sachen an derselben Slide.

BREITE AUS DEM INHALT. Sie stand als feste 470 in der Zeichenfunktion,
gemessen fuer Beschriftungen mit "senden", und liess ein Drittel
Leerraum rechts. Sie kommt jetzt aus dem laengsten Eintrag. Dabei
kippte die Zeichnung von quer auf hochkant, und ein hochkantes Bild
richtet sich nach der Hoehe: bei den alten 940 px wurde der Kasten
1093 hoch und lief in die Ueberschrift. Jetzt 680.

Gerechnet ist die Breite am sichtbaren Blatt und nicht am Kasten -- der
ist um den Stapelrand groesser als das, was man sieht, und mit seiner
Oberkante gerechnet stand die Zeichnung noch einmal 60 px zu hoch.

OBEN OHNE VERB. Wer das Menue ueber das Pluszeichen geoeffnet hat,
weiss, dass er etwas schickt; "Dokument senden", "Fotos und Videos
senden", "Audio senden", "Kontakt teilen" schreiben es viermal daneben.
Jetzt stehen dort die Dinge: Dokumente, Medien, Audio, Kontakt. Unten
bleibt das Verb, weil es etwas hinzufuegt -- "Termin" allein waere ein
Anhang, "Termin erstellen" ist eine Handlung. Das ist eine Abweichung
vom Composer und steht als solche in POST-6.md 4.

DIE EINGABEZEILE IST ZURUECK. Sie war weggenommen worden mit der
Begruendung, die Slide zeige ja, was man anhaengen kann. Das stimmte
nur, solange man wusste, worauf man schaut: ohne das Feld ist die Karte
eine Liste im Nichts. Das Pluszeichen traegt jetzt die gruene Marke wie
ein gedruecktes Element, der Zeiger steht darauf, und das Menue klappt
nach oben auf -- so wie im Werkzeug.

TEILEN STATT TELEFONHOERER. Ein Hoerer sagt "anrufen"; bei "Kontakt"
wird eine Karte weitergegeben. ShareNetwork aus demselben
Phosphor-bold-Satz, entnommen aus @phosphor-icons/react im
Website-Repo statt abgemalt. "phone" stand danach nirgends mehr und ist
aus der Tabelle heraus: 19 Zeichen, jedes in Gebrauch.

Das Bewegtbild ist nicht betroffen, es nutzt das Nachrichtenmenue.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U7RZ6ZpLD8Dp84Rtt4KHfv
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-29 20:51:07 +02:00
1 parent 9c1d900da9
commit b422b492e6
2 files changed
+138 -22

No files matched your search

+45 -2
View File
@@ -29,7 +29,7 @@ einem eigenen Knopf. Wie das funktioniert, steht im
| 1 | Team-Chat | Büro und Baustelle, **endlich im selben Chat.** | Kanalliste und Verlauf nebeneinander, mit Filterzeile und Eingabefeld |
| 2 | Die Kanäle | Ein Kanal **pro Projekt.** | Links das Durcheinander als Zeichnung, rechts die Kanalliste |
| 3 | Die Aufgabe | Foto rein, **Aufgabe raus.** | Baustellenfotos, die Aufgabe daraus, die Bestätigung im Projekt |
| 4 | Das Pluszeichen | Nicht nur **Text.** | Das Menü hinter dem Plus, auf dem Stapel |
| 4 | Das Pluszeichen | Nicht nur **Text.** | Das Menü über der Eingabezeile, aus der es aufklappt |
| 5 | Bald verfügbar | Der Chat für unterwegs **wird gerade gebaut.** | Zwei Ausschnitte der Oberfläche, versetzt übereinander, mit dem Absperrband darüber |
Dazu, außerhalb des Streifens:
@@ -94,7 +94,7 @@ Quelle ist `components/general/GeneralTeamChatPage.tsx` aus dem Pitch-Paket
| Sinnbild je Kanalsorte (Koffer, Personen, Kürzel) | `ChatAvatar` |
| Kopfzeile „P-2026-0042 · 8 Mitglieder · aktiv" | `ChatHeader` |
| Filterzeile Alle / Projekte / Direkt / Ungelesen | der Typ `ChatFilter` |
| Das Menü hinter dem Plus, samt Trenner | `Composer` |
| Das Menü hinter dem Plus, samt Trenner und Reihenfolge | `Composer` (Beschriftungen oben geändert, §4) |
| Eingabefeld „Nachricht schreiben …" | derselbe Ort |
| Farben, Ränder, Plättchentöne | `ui/theme.css` |
| Alle Symbole | `@subframe/core`, Pfade aus dem Paket kopiert |
@@ -179,6 +179,49 @@ Abgelegt als **320 × 320 JPEG** bei Qualität 2. Der Avatar misst 42 px auf der
Slide, bei Renderqualität 3 also 126 — 320 lässt Luft, und JPEG ist für Fotos
das richtige Format; als PNG wäre es das Fünffache. Zusammen 100 KB.
**Im Menü hinter dem Plus fällt oben das Verb weg.** Im Werkzeug heißen die
vier oberen Einträge „Dokument senden", „Fotos und Videos senden", „Audio
senden" und „Kontakt teilen" — viermal ein Wort, das der Ort schon sagt: wer
das Menü über das Pluszeichen geöffnet hat, weiß, dass er etwas schickt. Hier
stehen nur die Dinge: **Dokumente, Medien, Audio, Kontakt.** Unten bleibt das
Verb, weil es dort etwas hinzufügt — „Termin" allein wäre ein Anhang, „Termin
erstellen" ist eine Handlung.
„Dokument" steht dabei in der Mehrzahl, weil man mehrere anhängen kann; Audio
und Kontakt bleiben einzeln, man schickt eine Aufnahme und einen Kontakt. Aus
„Fotos und Videos" wird **„Medien"** — dasselbe in einem Wort.
**Bei „Kontakt" steht jetzt das Teilen-Zeichen statt des Telefonhörers.** Ein
Hörer sagt „anrufen"; hier wird eine Karte weitergegeben. `ShareNetwork` aus
demselben Phosphor-bold-Satz wie alle anderen Zeichen, entnommen aus
`@phosphor-icons/react` im Website-Repo statt abgemalt. `phone` stand danach
nirgends mehr und ist aus der Tabelle heraus — sie zählt jetzt 19 Zeichen, und
jedes davon wird benutzt.
**Und die Eingabezeile ist zurück.** Sie stand einmal unter dem Menü und war
weggenommen worden mit der Begründung, die Slide zeige, was man anhängen kann,
und dafür brauche es das Feld nicht. Das stimmte nur so lange, wie man wusste,
worauf man schaut: ohne das Feld ist die Karte eine Liste im Nichts, und dass
sie aufklappt, wenn man im Chat auf das Pluszeichen tippt, stand nirgends.
Das Pluszeichen trägt jetzt die grüne Marke wie ein gedrücktes Element, und
der Zeiger steht darauf — derselbe, der im Bewegtbild die Nachricht anklickt.
Beides zusammen sagt den Zusammenhang, ohne dass ein Wort danebenstehen muss.
Das Menü öffnet nach oben, weil es das im Werkzeug auch tut.
Mit den kürzeren Beschriftungen kommt die Breite der Karte jetzt aus dem
längsten Eintrag statt aus einer festen Zahl. Vorher standen dort 470 Einheiten
— gemessen für Beschriftungen mit „senden" —, und die Karte lief mit einem
Drittel Leerraum quer über die Slide.
> **Ein hochkantes Bild richtet sich nach der Höhe, nicht nach der Breite.**
> Der Kasten misst 460 × 535. Bei der alten Breite von 940 px wurde er 1093 px
> hoch und lief in die Überschrift. Gerechnet wird die neue Breite außerdem am
> **sichtbaren Blatt** und nicht am Kasten: der ist um den Stapelrand größer
> als das, was man sieht, und mit seiner Oberkante gerechnet stand die
> Zeichnung noch einmal 60 px zu hoch und berührte den Fließtext. Bei 680 px
> bleiben rund 115 px Luft.
**Die Plakette für Ungelesenes trägt eine Zahl und ist grün.** In der Quelle
ist `unread` ein Wahrheitswert und der Punkt violett. Beides ist geändert:
violett ist im Produkt die Farbe der Projekte, das Kanalsymbol in derselben