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

Add scroll shadows to indicate more items available #50

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

rouilj
Copy link
Contributor

@rouilj rouilj commented Feb 20, 2023

On android the scroll bar is narrow and difficult to see.

Add scroll shadows to the command list to indicate that there are more items available.

image

Note the white shadows/light showing at the top and bottom since the list can scroll to either side.
If we were at the bottom, only the top shadow/light would be shown.

CSS generated with: https://css-scroll-shadows.vercel.app

Ref: https://lea.verou.me/2012/04/background-attachment-local/
https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/

On android the scroll bar is narrow and difficult to see.

Add scroll shadows to the command list to indicate that there are more
items available.

CSS generated with: https://css-scroll-shadows.vercel.app

Ref: https://lea.verou.me/2012/04/background-attachment-local/
     https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/
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.

1 participant