stacksorted icon indicating copy to clipboard operation
stacksorted copied to clipboard

Published 20 hours ago • verified publisher icon juxtopposed

Make Sidebar scrollable for small desktop screens

Open AbdullahAleiti opened this issue 9 months ago • 1 comments

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.

AbdullahAleiti avatar May 09 '24 13:05 AbdullahAleiti

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.

OrlandoJE avatar Jul 24 '24 06:07 OrlandoJE