Skip to content

fix: add missing slick-carousel CSS and autoplaySpeed for slide trans…#7521

Open
Joiejoie1 wants to merge 1 commit intolayer5io:masterfrom
Joiejoie1:fix/slide-transitions-7461
Open

fix: add missing slick-carousel CSS and autoplaySpeed for slide trans…#7521
Joiejoie1 wants to merge 1 commit intolayer5io:masterfrom
Joiejoie1:fix/slide-transitions-7461

Conversation

@Joiejoie1
Copy link
Contributor

…itions

Description

This PR fixes #7461

The "Our Clients" logo slider was appearing static and incorrectly styled due to missing CSS imports.

Changes made:

Imported slick-carousel/slick/slick.css and slick-carousel/slick/slick-theme.css to fix the layout.

Added autoplay: true and autoplaySpeed: 3000 to the slider settings to ensure smooth automatic transitions.

Verified that the component structure follows the existing React-Slick implementation in the codebase.

Notes for Reviewers
Due to local environment resource constraints (Node.js heap out of memory) while building the full Layer5 site, I was unable to capture a local screenshot. However, the logic follows the standard fix for react-slick transitions. Please refer to the Netlify Deploy Preview to verify the visual fix once the CI build completes.

Signed commits

  • Yes, I signed my commits.

…itions

Signed-off-by: Joiejoie1 <soniqjjj@gmail.com>
@l5io
Copy link
Member

l5io commented Mar 18, 2026

🚀 Preview for commit ed7f8ff at: https://69bab1e13640876e2c9c87ca--layer5.netlify.app

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

The slide transitions on the Meshery pages are not working.

2 participants