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

fix(scrollable): fix CSS shadow effect #381

Merged
merged 1 commit into from
Oct 28, 2022
Merged

Commits on Oct 21, 2022

  1. fix(scrollable): fix CSS shadow effect

    The `.moj-scrollable-pane` class is supposed to add shadows to indicate that its contents are
    scrollable, but it is not suitably dynamic.
    
    This CSS uses [scroll shadows][scroll-shadows] to make the shadows dynamically appear on the left
    and right when there's overflow content there.
    
    If there's no overflow content, or the container is scrolled all the way to one side, the shadows
    are hidden.
    
    I removed the `.moj-scrollable-pane__wrapper` class because it's unnecessary.
    
    [scroll-shadows]: https://www.bram.us/2019/10/24/pure-css-scroll-shadows-vertical-horizontal/
    gregtyler committed Oct 21, 2022
    Configuration menu
    Copy the full SHA
    2636356 View commit details
    Browse the repository at this point in the history