LabConnect-RCOS / LabConnect-RCOS/LabConnect-Frontend
Job Posts
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 2
- Forks
- 3
- Ø Merge
- 15 Min.
- Gemergte PRs (30 T.)
- 2
Beschreibung
Hello
I have identified a few issues that could be improved to enhance user experience and interface consistency:
- Visual Inconsistency in Job Listings:
The job listings on the Jobs page vary in size, which can create a visually disorganized appearance. It would be beneficial to standardize the size and format of each job listing for a cleaner and more uniform layout. - Footer Overlapping:
The footer bar overlaps the last job listing, making it difficult to view or interact with. This issue could be resolved by ensuring that the content container has enough padding or margin at the bottom to prevent any overlay. - Scroll Functionality for Job Listings:
Considering the number of job listings can be large, implementing a scroll container for the job listings would be advantageous. This would allow users to scroll through jobs without affecting the visibility of other page elements.
Proposed Solutions:
- CSS Adjustments: Adjust the CSS for the job listings to ensure consistent size and spacing. This can involve setting a fixed height or using flexbox/grid to manage layout variations.
- Padding/Margin Adjustments: Increase the padding or margin at the bottom of the job listing container to ensure that the footer bar does not overlap with the content.
- Implementing Scroll Container: Wrap the job listings in a scrollable container with a fixed height, which will make it easier for users to browse through without losing sight of other important page elements.
Issue picture:
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Starte damit, das frontend auszuführen und die Jobs-Seite zu öffnen. Suche dann die Komponente und die Styles, die die Stellenanzeigen und den footer rendern. Vergleiche das Layout mit dem angehängten Screenshot; als erledigt gilt die Aufgabe, wenn die Stellenanzeigen einheitlich groß sind, der footer den letzten Eintrag nicht verdeckt und die Stellenanzeigen auch bei vielen vorhandenen Jobs nutzbar bleiben.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, tailwindcss, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100