Einladungslink - "Registrieren" direkt unter der Anmeldung anzeigen, ohne Scrollen #218

New issue

Closed

opened 2026-09-28 08:51:20 +02:00 by lena · 2 comments

lena commented

2026-09-28 08:51:20 +02:00

Collaborator

Story: Registrieren-Option auf der Einladungsseite sofort sichtbar

As a neuer Nutzer, der einen Einladungslink bekommen hat,
I want to die Option "Registrieren" sofort sehen, ohne nach unten zu scrollen,
so that ich als Neuling ueberhaupt merke, dass ich mir hier ein Konto anlegen kann.

Kontext (verifiziert im Code):

AcceptInvitePage.tsx rendert im Zustand login-required die komplette Login-Komponente (eigene Vollhoehen-Card) und den Umschalt-Link "Noch kein Konto? Registrieren" erst DARUNTER - auf dem Handy liegt er dadurch unterhalb des sichtbaren Bereichs.

Acceptance criteria:

Auf der Einladungsseite ist die Registrieren-Option direkt unter bzw. neben der Anmelde-Option sichtbar, ohne Scrollen - auf Mobil (Pixel-8a-Viewport) und Desktop.
Deutlich als Button/Tab gestaltet (z. B. Umschalter "Anmelden | Registrieren" oben in der Card), nicht nur als kleiner Textlink.
Der Hinweistext oben erklaert, dass man zum Beitreten ein Konto braucht und sich neu registrieren kann.
E2E-Test: Einladungslink ohne Login oeffnen -> Registrieren-Option ist im sichtbaren Bereich.

## Story: Registrieren-Option auf der Einladungsseite sofort sichtbar **As a** neuer Nutzer, der einen Einladungslink bekommen hat, **I want to** die Option "Registrieren" sofort sehen, ohne nach unten zu scrollen, **so that** ich als Neuling ueberhaupt merke, dass ich mir hier ein Konto anlegen kann. **Kontext (verifiziert im Code):** - `AcceptInvitePage.tsx` rendert im Zustand `login-required` die komplette `Login`-Komponente (eigene Vollhoehen-Card) und den Umschalt-Link "Noch kein Konto? Registrieren" erst DARUNTER - auf dem Handy liegt er dadurch unterhalb des sichtbaren Bereichs. **Acceptance criteria:** - [ ] Auf der Einladungsseite ist die Registrieren-Option direkt unter bzw. neben der Anmelde-Option sichtbar, ohne Scrollen - auf Mobil (Pixel-8a-Viewport) und Desktop. - [ ] Deutlich als Button/Tab gestaltet (z. B. Umschalter "Anmelden | Registrieren" oben in der Card), nicht nur als kleiner Textlink. - [ ] Der Hinweistext oben erklaert, dass man zum Beitreten ein Konto braucht und sich neu registrieren kann. - [ ] E2E-Test: Einladungslink ohne Login oeffnen -> Registrieren-Option ist im sichtbaren Bereich.

lena added the

priority/should

type/bug

labels

2026-09-28 08:51:20 +02:00

lena self-assigned this

2026-09-28 17:19:54 +02:00

lena added the

status/claimed

label

2026-09-28 17:19:54 +02:00

lena commented

2026-09-28 17:19:55 +02:00

Author

Collaborator

Claimed. Plan: Umschalter "Anmelden | Registrieren" oben in der Einladungs-Card, erklaerender Hinweistext, E2E-Test fuer Sichtbarkeit ohne Scrollen auf Mobil.

lena referenced this issue from a commit

2026-09-28 17:37:21 +02:00

fix(#218): show a Log in | Register switch above the form on the invite page

lena commented

2026-09-28 17:37:38 +02:00

Author

Collaborator

Fixed in 93665506.

Scope

Einladungsseite (ausgeloggt): Hinweistext oben ("Sie wurden zu einer Liste eingeladen. Zum Beitreten brauchen Sie ein Konto ..."), darunter ein Umschalter "Anmelden | Registrieren" (Radix-Tabs, per Tastatur bedienbar), darunter das Formular.
Ursache war, dass Login/Register im eingebetteten Modus trotzdem eine volle Bildschirmhoehe belegten. Das Prop hideAuthSwitchLink heisst jetzt embedded und entfernt zusaetzlich den Vollbild-Wrapper. Die normalen Seiten / und /register sind unveraendert.

Tests

Unit: neue/angepasste Tests fuer Tabs, Hinweistext und Umschalten; komplette Frontend-Suite gruen (1462 Tests), Build gruen.
E2E: neuer Mobile-Spec (Pixel 8a) prueft, dass der Registrieren-Tab ohne Scrollen im Viewport ist; registration.spec.ts prueft das auf Desktop und nutzt den neuen Tab. Invite-/Auth-Specs (19) gegen den lokalen Container auf Pixel 8a, Chromium und Desktop HD gruen.
Manuell im 375x812-Viewport geprueft: Tab bei y=254-300px, kein horizontales Scrollen.

Entscheidung: Sichtbarkeits-Assertion mit ratio 0.9 statt 1, weil TabsList den 1px-Unterstrich der Tabs (-mb-px) designbedingt abschneidet.

Fixed in 93665506. **Scope** - Einladungsseite (ausgeloggt): Hinweistext oben ("Sie wurden zu einer Liste eingeladen. Zum Beitreten brauchen Sie ein Konto ..."), darunter ein Umschalter "Anmelden | Registrieren" (Radix-Tabs, per Tastatur bedienbar), darunter das Formular. - Ursache war, dass `Login`/`Register` im eingebetteten Modus trotzdem eine volle Bildschirmhoehe belegten. Das Prop `hideAuthSwitchLink` heisst jetzt `embedded` und entfernt zusaetzlich den Vollbild-Wrapper. Die normalen Seiten `/` und `/register` sind unveraendert. **Tests** - Unit: neue/angepasste Tests fuer Tabs, Hinweistext und Umschalten; komplette Frontend-Suite gruen (1462 Tests), Build gruen. - E2E: neuer Mobile-Spec (Pixel 8a) prueft, dass der Registrieren-Tab ohne Scrollen im Viewport ist; `registration.spec.ts` prueft das auf Desktop und nutzt den neuen Tab. Invite-/Auth-Specs (19) gegen den lokalen Container auf Pixel 8a, Chromium und Desktop HD gruen. - Manuell im 375x812-Viewport geprueft: Tab bei y=254-300px, kein horizontales Scrollen. **Entscheidung:** Sichtbarkeits-Assertion mit ratio 0.9 statt 1, weil TabsList den 1px-Unterstrich der Tabs (`-mb-px`) designbedingt abschneidet.

lena

2026-09-28 17:37:39 +02:00