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

Horizontal scrollers for metrics etc need affordance #1690

Closed
scottjehl opened this issue Jan 27, 2022 · 0 comments
Closed

Horizontal scrollers for metrics etc need affordance #1690

scottjehl opened this issue Jan 27, 2022 · 0 comments
Labels
Type: Enhancement An improvement to WebPageTest

Comments

@scottjehl
Copy link
Contributor

scottjehl commented Jan 27, 2022

It's sometimes impossible to know that there's more to scroll in our tables and filmstrips and waterfalls.

image

Screenshot from results page here

I'd like to get this effect implemented on left and right edges. Like the text area at the bottom of this page, except that the shadow needs to appear to be ON TOP of tables, images, etc in the scroller.

https://css-scroll-shadows.vercel.app/?bgColor=ffffff&shadowColor=222222&pxSize=20

I got a recommendation to try mix-blend-mode: multiply on the content, which sounds promising!

@scottjehl scottjehl added the Type: Enhancement An improvement to WebPageTest label Jan 27, 2022
@scottjehl scottjehl added this to Unprioritized in Tracked Issues via automation Jan 27, 2022
scottjehl added a commit that referenced this issue Jan 28, 2022
Add overflow scroll shadows for our side-scrolling metrics, filmstrips, waterfalls. Fixes #1690
Tracked Issues automation moved this from Unprioritized to Done Jan 28, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement An improvement to WebPageTest
Projects
Development

No branches or pull requests

1 participant