Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add Sticky Navigation and Custom Scrollbar for Jobs Page #571

Merged
merged 1 commit into from
Nov 3, 2024

Conversation

An525ish
Copy link
Contributor

@An525ish An525ish commented Nov 3, 2024

Description

This PR enhances the jobs page UX by implementing sticky navigation for filters and header, along with a custom scrollbar that matches our UI design.

Fixes #570

Type of change

  • ✨ Enhancement (non-breaking change which adds functionality)

Changes Made

  1. Added sticky positioning for job filters:

    • Filters stay visible while scrolling
    • Proper height calculation to fit viewport
    • Responsive behavior for mobile/desktop
  2. Implemented sticky header for job listings:

    • Header remains visible during scroll
    • Proper z-index handling
    • Background styling for overlap prevention
  3. Added custom scrollbar styling:

    • Matches UI design theme
    • Smooth scrolling experience
    • Responsive design for touch devices

Demo Video

100xJobs.-.Google.Chrome.2024-11-04.00-03-10.mp4

@VineeTagarwaL-code VineeTagarwaL-code merged commit 2ed4b46 into code100x:main Nov 3, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

✨ Improvement: Add Sticky Navigation and Custom Scrollbar for Jobs Page
2 participants