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.

Sign up for GitHub

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

Jump to bottom

Enhancing Scroll Bar Appearance for Improved User Experience UI/UX #107

Open
TARUN2K3 opened this issue May 20, 2024 · 4 comments
Open

Enhancing Scroll Bar Appearance for Improved User Experience UI/UX #107

TARUN2K3 opened this issue May 20, 2024 · 4 comments
Assignees
@TARUN2K3
Labels
enhancement New feature or request gssoc GSSOC 2024 level1 10 points priority : medium GSSOC 2024

Comments

@TARUN2K3
Copy link
Contributor

The scroll bars on web pages or applications often have a standard appearance, which may not align with the overall design aesthetic or provide an engaging user experience. Enhancing the appearance of scroll bars can significantly contribute to improving the overall usability and attractiveness of the interface.

image

Here are some suggestions to consider

Custom Design:
Implement custom-designed scroll bars that match the theme and style of the website or application.

Smooth Animation:
Add interactive hover effects to the scroll bars to provide visual feedback to users.

Responsive Design:
Ensure that the custom scroll bars are responsive and adapt well to different screen sizes and devices.

By implementing these suggestions, we can enhance the appearance of scroll bars for improved user experience, creating interfaces that are both visually appealing and user-friendly. This enhancement would contribute to creating a more engaging and enjoyable browsing experience for our users.
@github-actions GitHub Actions
Copy link

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

@SUGAM-ARORA
Copy link
Owner

@TARUN2K3 Issue assigned to you

@SUGAM-ARORA SUGAM-ARORA added enhancement New feature or request gssoc GSSOC 2024 level2 25 points priority : medium GSSOC 2024 level1 10 points and removed level2 25 points labels May 20, 2024
@toodiv
Copy link

toodiv commented May 20, 2024

I can contribute to the issue with a clean and efficient code. Kindly accept my issue under GSSOC'24.

TARUN2K3 added a commit to TARUN2K3/UniCollab that referenced this issue May 21, 2024
@TARUN2K3
Add custom scrollbar styles for vertical and horizontal scrollbars is…
e8e0baa 
…sue SUGAM-ARORA#107

- Added custom styles for vertical and horizontal scrollbars.
- Set scrollbar width and height to 10px.
- Applied dark gray (SUGAM-ARORA#444) background to scrollbar tracks with rounded corners.
- Implemented gradient backgrounds and inner shadows for scrollbar thumbs.
- Enhanced visual consistency and user experience with cohesive design elements.

issue SUGAM-ARORA#107
@TARUN2K3 TARUN2K3 mentioned this issue May 21, 2024
Merged
9 tasks
SUGAM-ARORA added a commit that referenced this issue May 22, 2024
@SUGAM-ARORA
Merge pull request #120 from TARUN2K3/patch-1
1469e78 
Add custom scrollbar styles for vertical and horizontal scrollbars issue #107
@SUGAM-ARORA
Copy link
Owner

Merged

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@TARUN2K3 TARUN2K3

Labels
enhancement New feature or request gssoc GSSOC 2024 level1 10 points priority : medium GSSOC 2024
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@SUGAM-ARORA @TARUN2K3 @toodiv