Skip to content

Commit 0ec0982

Browse files
fix overflow
Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>
1 parent 82b47de commit 0ec0982

3 files changed

Lines changed: 12 additions & 2 deletions

File tree

src/sections/Meshery/Features-section/features-section.style.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@ const FeaturesSectionWrapper = styled.section`
1010
position: relative;
1111
width: 100%;
1212
max-width: 100%;
13-
min-height: 0;
13+
contain: layout style paint;
14+
transform-origin: center;
1415
.skw{
1516
display: grid;
1617
position: relative;

src/sections/Meshery/index.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,9 @@ const MesheryPage = () => {
5757
</div>
5858
<FeaturesTable />
5959
</Container>
60-
<FeaturesSection />
60+
<div style={{ overflow: 'hidden', width: '100%', position: 'relative' }}>
61+
<FeaturesSection />
62+
</div>
6163
<Container>
6264
<InlineQuotes
6365
quote="Meshery is the perfect tool for ensuring that your applications are optimally configured and performing well; it also gives you a fantastic visual insight into what can be a large amount of textual configuration"

src/sections/Meshery/meshery.style.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,13 @@ const MesheryWrapper = styled.section`
1212
align-items: center;
1313
width: 100%;
1414
overflow-x: hidden;
15+
position: relative;
16+
17+
> div {
18+
overflow: hidden;
19+
width: 100%;
20+
position: relative;
21+
}
1522
}
1623
1724
.info {

0 commit comments

Comments
 (0)