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

Make Sidebar scrollable for small desktop screens #54

Open
AbdullahAleiti opened this issue May 9, 2024 · 1 comment
Open

Make Sidebar scrollable for small desktop screens #54

AbdullahAleiti opened this issue May 9, 2024 · 1 comment

Comments

@AbdullahAleiti
Copy link

AbdullahAleiti commented May 9, 2024

I am not able to access most of the button elements in the sidebar which I think should be scrollable to solve this issue:
image

I have tried to solve this issue by setting sidebar's max-height to calc(100vh - 50px) and making it scrollable. alongside some styling I came to two solutions:

  1. Green scrollbar (primary-a) chrome-capture-2024-5-9

  2. Scrollable but hidden scrollbar
    chrome-capture-2024-5-9 (1)

I am no designer. Just tried to do my best. If you approve one of these options please let me open a pull request. Here is my repo if you want to test: https://github.com/AbdullahAleiti/stacksorted.

@OrlandoJE
Copy link
Contributor

OrlandoJE commented Jul 24, 2024

I think we can even make both the scrollbar and the designs container scrollable, so the footer is more reachable. I'll try to make a pull request.

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

No branches or pull requests

2 participants