fix(frontend): CSS-Import-Pfad in playground.css korrigiert #54

Closed
opened 2026-06-21 15:05:24 +00:00 by niboer · 0 comments
Owner

Der CSS-Import-Pfad in frontend/src/lib/styles/playground.css ist falsch.

Aktuell: @import '../../../shared/design-tokens/tokens.css';
Richtig: @import '../../../../shared/design-tokens/tokens.css';

Von src/lib/styles/ aus fuehren 3 Ebenen (../../../) nur bis frontend/ -- das shared/-Verzeichnis liegt aber auf Projekt-Root-Ebene (4 Ebenen).

Auswirkung: Die Seiten /dashboard und /playground/* schlagen mit HTTP 500 fehl, da der CSS-Import nicht aufgeloest werden kann. Nach erfolgreichem Keycloak-Login wird zu /dashboard weitergeleitet -> sofortiger 500-Fehler.

Fehlerbild (CLI):

[500] GET /dashboard
Error: Can't resolve '../../../shared/design-tokens/tokens.css' in 'frontend\src\lib\styles'

Loesung:

  1. Import-Pfad in playground.css korrigieren
  2. Regression-Test ergaenzen
Der CSS-Import-Pfad in frontend/src/lib/styles/playground.css ist falsch. **Aktuell:** `@import '../../../shared/design-tokens/tokens.css';` **Richtig:** `@import '../../../../shared/design-tokens/tokens.css';` Von src/lib/styles/ aus fuehren 3 Ebenen (`../../../`) nur bis frontend/ -- das shared/-Verzeichnis liegt aber auf Projekt-Root-Ebene (4 Ebenen). **Auswirkung:** Die Seiten /dashboard und /playground/* schlagen mit HTTP 500 fehl, da der CSS-Import nicht aufgeloest werden kann. Nach erfolgreichem Keycloak-Login wird zu /dashboard weitergeleitet -> sofortiger 500-Fehler. **Fehlerbild (CLI):** ``` [500] GET /dashboard Error: Can't resolve '../../../shared/design-tokens/tokens.css' in 'frontend\src\lib\styles' ``` **Loesung:** 1. Import-Pfad in playground.css korrigieren 2. Regression-Test ergaenzen
Sign in to join this conversation.
No description provided.