LabConnect-RCOS / LabConnect-RCOS/LabConnect-Frontend

Job Posts

Offen
#7 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

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:

  1. 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.
  2. 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.
  3. 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:

Screen Shot 2024-04-29 at 4 56 22 PM

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Ö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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.