jshackles / Enhanced_Steam

Enhances the Steam Experience
www.EnhancedSteam.com
GNU General Public License v3.0
1.32k stars 195 forks source link

Make search options menu follow you #1172

Open owenhsieh opened 8 years ago

owenhsieh commented 8 years ago

Hi, I love the endless scrolling feature, but it really bothers me when there're way too many items:

http://i.imgur.com/ngfe9hF.jpg

So I think it would be nice if the search menu follows you and adjust itself due to changes.

On the top: http://i.imgur.com/RX9A7Yp.jpg

Following http://i.imgur.com/WQr2lhL.jpg

Scroll bar for search options: http://i.imgur.com/EyPEAzY.jpg

Resize itself when browser window resized: http://i.imgur.com/YvlAqaR.jpg

I think I had completed 90% of it(10% still on fighting weird bugs and bad UX). I'd like to know if you're interested or you already have an feature on plan. :D

thomas-ashcraft commented 8 years ago

I think it's better not to make {overflow: scroll}. But in root it's good idea to make filters block follow screen. For good behaviour it should lay on page just as it is, until bottom end of filters block didn't reach bottom edge of screen by scrolling down. Then filters block sticks to to it (bottom to bottom). And when user start to scroll up, filter block behaviour should be like it is just a part of page - it should be sticked to position where it was and scrolls with whole page content. Until upper end of filters block didn't reach upper edge of screen by scrolling up.

.on("scroll") event and .scrollTop method with some css should help with that.

thomas-ashcraft commented 8 years ago

Actually described behaviour can be done without pile of JS code, by just 2 CSS strings:

#additional_search_options {
    position: sticky;
    top: 14px;
}

But right now that option is fully supported only by Firefox.

In Chrome and Opera it is available only through "experimental Web Platform features" flag. Full support planned for Chrome 56 version and Opera 43 version. So I suggest to wait a bit and make that suggestion in a beautiful way.

Or we can implement this right now for Firefox nobles 😄

VanityFox commented 5 years ago

So, Enhanced Steam is discontinued. There is now Augmented Steam. Perhaps your requested feature/bugfix is already implemented there! If not, you could move your issue there.