Informationsplattform: Verbesserungen der Darstellung

User Story

Beim FEP-JF 2025-02-20 sowie in einem Gespräch mit @schuh am Folgetag gab es im Zusammenhang mit Informationsplattform: Darstellung des Typs des... (#72) umfangreichen Input bezüglich der Optimierung der Darstellung der FIT-Standards sowie kleinerer Bugs, die behoben werden sollen. Diese habe ich in diesem Issue gesammelt.

User Story: Als FEP-Nutzer wünsche ich mir eine optimierte Darstellung der FIT-Standards und Beseitigung kleinerer Fehler in der Darstellung, um für mich die Benutzbarkeit des Portals zu verbessern.

Relevant links and notes

Gesammelte Punkte:

• Bug: Das Symbol für die Rolle einer Organisation innerhalb eines FIT-Standards wird auf der Übersichtsseite aktuell nicht dargestellt.
• Bug: Sowohl auf der Übersichts- wie auch auf der Detailseite werden lange Titel („XFoerderleistungsbeschreibung“) nicht umgebrochen. Das führt zu Darstellungsproblemen auf kleinen Bildschirmen und ist daher zu beheben.
• Improvement: Definierte Symbole für Verbünde und Gültigkeit sollen auch in den Info-Boxen auf der Detailseite dargestellt werden (visual identity).
• Improvement: Labels und Badges sollen auf der Übersichts- und der Detailseite durchgängig ausgerichtet sein (also alle entweder links- oder rechtsbündig).
• Improvement: Auf der Übersichtsseite ist der Abstand zwischen den Filterboxen und einer ggf. angezeigten Scrollbar zu klein.
• Improvement: Definierte Icons & Farben sollen auf der Übersichtsseite ebenfalls für die Filterboxen verwendet werden (visual identity).
• Improvement: Auf der Detailseite soll das Logo des FIT-Standards bei Platzmangel oberhalb des Titels dargestellt werden.
• Improvement: Der Abstand zwischen Header und Content ist auf der Übersichts- und der Detailseite derzeit unterschiedlich. Dies ist zu vereinheitlichen.

Acceptance criteria

1. Das Symbol für die Rolle einer Organisation innerhalb eines FIT-Standards wird auf der Übersichtsseite wieder dargestellt.
2. Auf der Übersichts- wie auch auf der Detailseite werden lange Titel („XFoerderleistungsbeschreibung“) browserseitig umgebrochen.
3. Die für Verbünde und Gültigkeit definierten Symbole werden auch in den Info-Boxen auf der Detailseite dargestellt.
4. Labels und Badges sind auf der Übersichts- und der Detailseite durchgängig ausgerichtet.
5. Der Abstand zwischen den Filterboxen und einer auf der Übersichtsseite ggf. angezeigten Scrollbar wurde erhöht.
6. Die für die Kriterien Verbünde und Gültigkeit definierten Icons & Farben werden auf der Übersichtsseite in den betr. Filterboxen in der jew. Kopfzeile verwendet.
7. Auf der Detailseite wird das Logo des FIT-Standards bei Platzmangel oberhalb des Titels dargestellt.
8. Der Abstand zwischen Header und Content auf der Übersichts- und der Detailseite wurde vereinheitlicht.

Implementation plan

• ...
• ...
• ...

added workflow::Ready label

assigned to @OC000024143138

added component::Entwicklungsportal type::Story labels

changed the description

mentioned in issue #72

added workflow::In Progress label and removed workflow::Ready label

marked this issue as related to #72

changed the description

Habe inzwischen mehrere Punkte in diesem MR bearbeitet. Zwischenergebnis auf https://preview.docs.fitko.dev/entwicklungsportal/176/fit-standards/.

marked the checklist item Das Symbol für die Rolle einer Organisation innerhalb eines FIT-Standards wird auf der Übersichtsseite wieder dargestellt. as completed

marked the checklist item Auf der Übersichts- wie auch auf der Detailseite werden lange Titel („XFoerderleistungsbeschreibung“) browserseitig umgebrochen. as completed

marked the checklist item Labels und Badges sind auf der Übersichts- und der Detailseite durchgängig ausgerichtet. as completed

marked the checklist item Der Abstand zwischen den Filterboxen und einer auf der Übersichtsseite ggf. angezeigten Scrollbar wurde erhöht. as completed

changed the description

marked the checklist item Die für die Kriterien Verbünde und Gültigkeit definierten Icons & Farben werden auf der Übersichtsseite in den betr. Filterboxen in der jew. Kopfzeile verwendet. as completed

marked the checklist item Die für Verbünde und Gültigkeit definierten Symbole werden auch in den Info-Boxen auf der Detailseite dargestellt. as completed

Ich habe die (allgemeingültigen) Komponenten Badge.tsx und Label.tsx in den allgemeinen Ordner components verschoben. An FlexFilter.tsx arbeite ich noch, auch im Hinblick auf Angleichung Sortierung Entwicklungsressourcen u... (#54).

marked the checklist item Der Abstand zwischen Header und Content auf der Übersichts- und der Detailseite wurde vereinheitlicht. as completed

marked the checklist item Der Abstand zwischen Header und Content auf der Übersichts- und der Detailseite wurde vereinheitlicht. as incomplete

marked the checklist item Der Abstand zwischen Header und Content auf der Übersichts- und der Detailseite wurde vereinheitlicht. as completed

marked the checklist item Auf der Detailseite wird das Logo des FIT-Standards bei Platzmangel oberhalb des Titels dargestellt. as completed

added workflow::Peer Review label and removed workflow::In Progress label

assigned to @Andreas_Braunroth and unassigned @OC000024143138