Skip to content

fix: infinite scroll in meshery page #7259

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

Merged
Rajesh-Nagarajan-11 merged 15 commits into from
Dec 16, 2025
Merged

fix: infinite scroll in meshery page #7259

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
dc256e4
fix: infinite scroll in meshery page
saurabhraghuvanshii Dec 9, 2025
82b47de
fix flex problem
saurabhraghuvanshii Dec 9, 2025
0ec0982
fix overflow
saurabhraghuvanshii Dec 9, 2025
ef7c3fd
fix
saurabhraghuvanshii Dec 9, 2025
a141823
remove skew
saurabhraghuvanshii Dec 9, 2025
8295915
max height
saurabhraghuvanshii Dec 9, 2025
a9d3829
revert skew
saurabhraghuvanshii Dec 9, 2025
cbf26a6
revert max-height
saurabhraghuvanshii Dec 9, 2025
60af3a8
revert index.js
saurabhraghuvanshii Dec 9, 2025
95f06d1
revert index.js
saurabhraghuvanshii Dec 9, 2025
69f3985
remove rebudant changes
saurabhraghuvanshii Dec 9, 2025
d6f4cc0
revert
saurabhraghuvanshii Dec 9, 2025
000a7e7
revert
saurabhraghuvanshii Dec 9, 2025
17286b8
Merge branch 'master' into meshery
saurabhraghuvanshii Dec 11, 2025
8103a00
Merge branch 'master' into meshery
Rajesh-Nagarajan-11 Dec 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion src/sections/Meshery/Features-section/features-section.style.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,17 @@ const FeaturesSectionWrapper = styled.section`

background-color: black;
transform: skew(0deg, -6deg);
padding-bottom:5rem;
padding-bottom: 5rem;
margin-bottom: 8rem;
overflow: hidden;
position: relative;
width: 100%;
max-width: 100%;
contain: layout style paint;
transform-origin: center;
z-index: 1;
height: auto;
isolate: isolate;
.skw{
display: grid;
position: relative;
Expand Down Expand Up @@ -50,6 +57,8 @@ const FeaturesSectionWrapper = styled.section`
transform: skew(0deg, 6deg);
padding: 0 1rem 3rem;
text-align: center;
position: relative;
z-index: 1;
h1, h2, p {
color: white;
}
Expand Down Expand Up @@ -80,6 +89,7 @@ const FeaturesSectionWrapper = styled.section`
.smp-section {
margin: 3rem auto;
max-width: 85%;
overflow: hidden;

.smp-section-row {
margin: 4rem 0;
Expand All @@ -100,8 +110,10 @@ const FeaturesSectionWrapper = styled.section`

.smp-section-caraousel {
.slick-slider {
max-height: 520px;
.slick-list {
max-width: 50rem;
max-height: 520px;

.slick-slide {
img {
Expand Down
4 changes: 4 additions & 0 deletions src/sections/Meshery/meshery.style.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,10 @@ const MesheryWrapper = styled.section`
position: relative;
z-index: 1;
overflow-x: hidden;
display: flex;
flex-direction: column;
width: 100%;

.info {
position: relative;
overflow: hidden;
Expand Down
Loading