From 56cc8a80a8cd8741b570aedaa858c527ab0100c7 Mon Sep 17 00:00:00 2001 From: Marcos Conceicao Date: Wed, 22 Jan 2025 15:44:58 -0300 Subject: [PATCH] fix(TabbedView): Removed scrollbar being displayed when fluid prop is true and there is space to dis --- components/TabbedView/TabbedView.jsx | 2 +- .../TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/components/TabbedView/TabbedView.jsx b/components/TabbedView/TabbedView.jsx index 520d4ce86..b3201d488 100644 --- a/components/TabbedView/TabbedView.jsx +++ b/components/TabbedView/TabbedView.jsx @@ -41,7 +41,7 @@ const Navbar = styled.nav.attrs({ background-color: ${background}; margin: 0 0 ${large}px 0; - ${fluid ? 'width: 100%; overflow-x: scroll;' : null} + ${fluid ? 'width: 100%; overflow-x: auto;' : null} ${mediumQuery` overflow-x: auto; diff --git a/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap b/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap index b024bcdfa..80cc6b6ae 100644 --- a/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap +++ b/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap @@ -378,7 +378,7 @@ exports[` Snapshot should match snapshot with fluid option 1`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 { @@ -488,7 +488,7 @@ exports[` Snapshot should match snapshot with fluid option 2`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 { @@ -611,7 +611,7 @@ exports[` Snapshot should match snapshot with fluid option 3`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 {