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

Making icon variation tabs sticky in Version pages #15157

Open
itayganor opened this issue Jun 14, 2019 · 0 comments
Open

Making icon variation tabs sticky in Version pages #15157

itayganor opened this issue Jun 14, 2019 · 0 comments

Comments

@itayganor
Copy link

I was scrolling over the new icons of v5.9.0. They are brilliant!
The only this is, I wanted to view each icon's variations (of solid, regular and light) - so I had so scroll all the way to the top, click one of the tabs, and then scroll bar down to the icon..

I was thinking on an UX solution for it, and I came up with a simple improvement:
Making the tabs container position: sticky;.
It's super simple - although it's an experimental CSS feature, it will function for new browser versions, which most of Font Awesome already use.

You can just add:

{
    position: sticky;
    top: -2em;
    z-index: 1;
    background: rgba(255, 255, 255, 0.95);
}

And turn this:

fa someone

Into THIS:

fa sticky

Let me know what you think :)

@itayganor itayganor changed the title Making icon type tabs sticky on version pages Making icon variation tabs sticky on version pages Jun 14, 2019
@itayganor itayganor changed the title Making icon variation tabs sticky on version pages Making icon variation tabs sticky on Version pages Jun 14, 2019
@itayganor itayganor changed the title Making icon variation tabs sticky on Version pages Making icon variation tabs sticky in Version pages Jun 14, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants