Skip to content

Enhance Image Viewer Usability with Standard Navigation #6378

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
Open
Jeffrin2005 opened this issue Apr 8, 2025 · 2 comments · May be fixed by #6379
Open

Enhance Image Viewer Usability with Standard Navigation #6378

Jeffrin2005 opened this issue Apr 8, 2025 · 2 comments · May be fixed by #6379
Assignees
@Jeffrin2005
Labels
framework/react React related help wanted Extra attention is needed kind/enhancement New feature or request language/javascript Issues or pull requests that use Javascript or React

Comments

@Jeffrin2005
Copy link
Contributor

Current Behavior

Current image viewer displays thumbnails on the right side, taking up unnecessary space. It is not user-friendly, and in mobile view, the image previews are not visible. Most websites use navigation buttons to move between images, making it clear to users that there are more images to view.
https://layer5.io/cloud-native-management/meshery/integrations/aws-cloudfront

feature2.mp4

Desired Behavior

A Horizontal image slider with navigation using left/right arrows.

Expected Output for desktop and mobile view

feature1.mp4

Screenshots / Mockups

Implementation

Acceptance Tests

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.
@Jeffrin2005 Jeffrin2005 added framework/react React related help wanted Extra attention is needed kind/enhancement New feature or request language/javascript Issues or pull requests that use Javascript or React labels Apr 8, 2025
@Jeffrin2005
Copy link
Contributor Author

@leecalcote @miacycle @vishalvivekm I would like to work on this feature ? Can I get it assigned ?

@leecalcote
Copy link
Member

Yes, thank you for pointing this out. @vishalvivekm and I were noticing this issue recently. @Jeffrin2005, it might be that a recent upgrade of one of the dependent packages has caused this carousel / picture viewer behavior to take a turn for the worse.

@Jeffrin2005 Jeffrin2005 linked a pull request Apr 9, 2025 that will close this issue
Open
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Jeffrin2005 Jeffrin2005

Labels
framework/react React related help wanted Extra attention is needed kind/enhancement New feature or request 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 : Enhance Image Viewer Usability with Standard Navigation Jeffrin2005/layer5
2 participants
@leecalcote @Jeffrin2005