Skip to content

Commit 56cc8a8

Browse files
fix(TabbedView): Removed scrollbar being displayed when fluid prop is true and there is space to dis
1 parent 8c08474 commit 56cc8a8

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

components/TabbedView/TabbedView.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ const Navbar = styled.nav.attrs({
4141
background-color: ${background};
4242
margin: 0 0 ${large}px 0;
4343
44-
${fluid ? 'width: 100%; overflow-x: scroll;' : null}
44+
${fluid ? 'width: 100%; overflow-x: auto;' : null}
4545
4646
${mediumQuery`
4747
overflow-x: auto;

components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -378,7 +378,7 @@ exports[`<TabbedView /> Snapshot should match snapshot with fluid option 1`] =
378378
background-color: transparent;
379379
margin: 0 0 24px 0;
380380
width: 100%;
381-
overflow-x: scroll;
381+
overflow-x: auto;
382382
}
383383
384384
.c1 {
@@ -488,7 +488,7 @@ exports[`<TabbedView /> Snapshot should match snapshot with fluid option 2`] =
488488
background-color: transparent;
489489
margin: 0 0 24px 0;
490490
width: 100%;
491-
overflow-x: scroll;
491+
overflow-x: auto;
492492
}
493493
494494
.c1 {
@@ -611,7 +611,7 @@ exports[`<TabbedView /> Snapshot should match snapshot with fluid option 3`] =
611611
background-color: transparent;
612612
margin: 0 0 24px 0;
613613
width: 100%;
614-
overflow-x: scroll;
614+
overflow-x: auto;
615615
}
616616
617617
.c1 {

0 commit comments

Comments
 (0)