Runde Bedienelemente, Admin zusammengelegt, Kanäle entfallen

Vier der acht Änderungswünsche.

**Knöpfe.** Rund vierzig der siebzig Knöpfe waren blosser Text in Akzentfarbe,
von einem Link nicht zu unterscheiden. Jeder trägt jetzt Rahmen und
Grundfläche, über die Klasse .btn an einer Stelle definiert statt siebzigmal
als Klassenkette. Beim Drücken zieht der Knopf sich zusammen und bekommt einen
inneren Ring — er wirkt kurz dicker, ohne dass die Rahmenbreite sich ändert und
das Umfeld springt; die Rückmeldung setzt ohne Verzögerung ein und klingt
langsam ab, sonst bliebe ein kurzer Klick unsichtbar.

Dazu die neue Regel: Flächen bleiben eckig, alles Bedienbare ist rund. Damit
ist die Rundung eine Auskunft und keine Verzierung.

**Verwaltung.** Rollen, Vorlagen und Änderungsrichtlinie waren drei Einträge in
der Kopfzeile für etwas, das man selten und dann zusammenhängend braucht. Jetzt
ein Eintrag /admin mit Reiterleiste, dazu eine gemeinsame Tabs-Komponente, die
auch der Fallakte zeigt, welcher Reiter offen ist.

**Kanäle.** Ersatzlos entfernt, mitsamt Tabelle. Der Chat gehört dorthin, wo
der Vorgang steht; ein eigener Reiter mit freien Räumen war der Rückweg nach
Discord. Die Personalakte hat jetzt denselben Chat wie die Fallakte — ohne
„als Vermerk übernehmen", denn dafür braucht es einen Verlauf, und Meldungen
gehen nur an Erwähnte, nie in den allgemeinen Kanal: dass es zu jemandem eine
Personalakte gibt, ist selbst eine Auskunft. Ein CHECK erzwingt jetzt, dass
eine Nachricht zu genau einem Ort gehört.

**Kopfzeile.** Suchbalken statt Suchlink, als gewöhnliches Formular ohne ein
Byte im Bündel. Thema, Benachrichtigungen und Abmelden sitzen hinter dem
Profilbild, das von Discord kommt; wer keins hat, bekommt seine Initialen.

Nebenbei: Aktenzeichen in Tests waren nur auf vier Stellen eindeutig und
kollidierten zwischen Läufen, weil Akten nicht löschbar sind.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harlekin
2026-09-03 15:07:43 +02:00
co-authored by Claude Opus 5
parent bbae8546a0
commit ef377f0123
84 changed files with 1234 additions and 749 deletions
+29 -2
View File
@@ -63,8 +63,13 @@ in Überschriften.
## Struktur
- Eckenradius 2 px, überall gleich. Akten sind nicht abgerundet.
- Rahmen 1 px in `--ink-500`. Keine Schatten außer dem Fokusring.
- **Flächen bleiben eckig, Bedienelemente sind rund.** Eine Akte ist ein Blatt und hat
scharfe Kanten: Eckenradius 2 px für Panels, Tabellen, Listen. Was man drücken oder
ausfüllen kann, ist rund — Knöpfe, Suchbalken, Marken und Profilbilder voll (`--radius-control`,
999 px), Eingabefelder weich (`--radius-field`, 10 px). Daran erkennt man ein Bedienelement,
bevor man es berührt.
- Rahmen 1 px in `--ink-500`. Keine Schatten außer dem Fokusring und dem inneren Ring, den
ein gedrückter Knopf zeigt.
- Trennung durch Linien und Weißraum, nicht durch gestapelte Karten.
- Die Klassifizierung erscheint als 3 px breite Kante links am Objekt plus einer
Stempelmarke oben rechts. Beides in derselben Stufenfarbe.
@@ -82,6 +87,28 @@ Oberfläche nichts von selbst.
Alle übrige Bewegung ist Antwort auf eine Handlung: Aufklappen, Bestätigen, Einfügen.
Keine Einblend-Animationen beim Scrollen, keine Hover-Effekte auf jeder Fläche.
## Knöpfe
Jeder Knopf trägt Rahmen und eigene Grundfläche, auch der unscheinbarste. Ein Text, der sich
erst beim Überfahren als Knopf entpuppt, wird nicht gefunden. Die Klasse dafür ist `.btn`,
mit `.btn-primary` für den einen Knopf, der die Sache erledigt, und `.btn-sm` für dichte
Zeilen. Kein eigenes Knopf-Aussehen je Seite.
Drei Zustände, die man sehen muss:
| Zustand | Was passiert |
|---|---|
| Überfahren | Fläche eine Stufe heller, Rahmen und Schrift in `--steel` |
| Gedrückt | Knopf zieht sich leicht zusammen und bekommt einen inneren Ring — er wirkt kurz dicker, ohne dass die Rahmenbreite sich ändert und das Umfeld springt |
| Läuft | `aria-busy`, gestrichelter Rahmen, nimmt keine zweite Eingabe an |
Die Druckrückmeldung setzt **ohne Verzögerung** ein und klingt langsam ab. Andersherum
bliebe ein kurzer Klick unsichtbar, und genau darum geht es: der Nutzer soll wissen, dass er
diesen Knopf wirklich getroffen hat.
Eine Rückfrage vor dem Ausführen ist damit nicht gemeint und steht nur dort, wo sie ohnehin
schon steht.
## Schreibweise in der Oberfläche
- Aktive Verben, die sagen, was passiert: „Vermerk speichern", nicht „Absenden"