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.

Sign up for GitHub

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

Jump to bottom

[Pricing] Make Tier Comparison Header Sticky #6122

Open
leecalcote opened this issue Dec 12, 2024 · 5 comments · May be fixed by #6123
Open

[Pricing] Make Tier Comparison Header Sticky #6122

leecalcote opened this issue Dec 12, 2024 · 5 comments · May be fixed by #6123
Assignees
@Ajay-singh1
Labels
help wanted Extra attention is needed issue/willfix kind/enhancement New feature or request language/css language/javascript Issues or pull requests that use Javascript or React

Comments

@leecalcote
Copy link
Member

Current Behavior

Site visitors that want to compare features offered between subscription tiers, visit the "Compare All Features" section of the https://layer5.io/pricing page.

Desired Behavior

While examining the checkmarks and x's in the Compare All Features section, when users scroll down the page, past the names of the subscription tiers and have a hard time recalling which checkmark and which "x" are associated with which subscription tier.

Screenshots / Mockups

Screenshot 2024-12-12 at 3 39 01 PM

Implementation

Make the subscription tier table header sticky under the "Compare All Features" section.

Acceptance Tests

Users can see the subscription tier names at the top of the page.

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.
@leecalcote leecalcote added kind/enhancement New feature or request help wanted Extra attention is needed language/javascript Issues or pull requests that use Javascript or React issue/willfix language/css labels Dec 12, 2024
@Ajay-singh1
Copy link
Contributor

@leecalcote Can I work on this issue?

@Ajay-singh1 Ajay-singh1 linked a pull request Dec 13, 2024 that will close this issue
Draft
1 task
@leecalcote
Copy link
Member Author

Sounds great. , @Ajay-singh1

@eyeaadil
Copy link

@leecalcote , can you assign this issue to me?

@leecalcote
Copy link
Member Author

@Ajay-singh1 how are things progressing here?

@Ajay-singh1
Copy link
Contributor

Ajay-singh1 commented Dec 18, 2024 •
edited
Loading

@leecalcote I have raised a PR! I wanted feedback if it looks good or need some changes , I need to make some adjustments with the table cells padding and margin so that the UI looks good as their was some problem with gatsby I cannot see the site locally so... I have marked this as a draft until then.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Ajay-singh1 Ajay-singh1

Labels
help wanted Extra attention is needed issue/willfix kind/enhancement New feature or request language/css language/javascript Issues or pull requests that use Javascript or React
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix the table header Ajay-singh1/layer5
3 participants
@leecalcote @Ajay-singh1 @eyeaadil