LabConnect-RCOS / LabConnect-RCOS/LabConnect-Frontend

Job Posts

Aperta
#7 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
TypeScript
Stelle
2
Fork
3
Merge medio
15m
PR unite (30g)
2

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia eseguendo il frontend e aprendo la pagina Jobs, quindi individua il componente e gli stili che eseguono il rendering degli annunci di lavoro e del footer. Confronta il layout con lo screenshot allegato; il lavoro è completato quando gli annunci hanno dimensioni uniformi, il footer non copre l’ultimo annuncio e gli annunci restano utilizzabili quando sono presenti molti lavori.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, tailwindcss, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.