LabConnect-RCOS / LabConnect-RCOS/LabConnect-Frontend
Job Posts
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2
- Forks
- 3
- Avg merge
- 15m
- Merged PRs (30d)
- 2
Description
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:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the frontend and opening the Jobs page, then locate the component and styles that render the job listings and footer. Compare the layout with the attached screenshot; done means listings have consistent sizing, the footer does not cover the final listing, and the listings remain usable when many jobs are present.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100