fix(react-ui): tableau qui ne s'overflow pas (#5830)

SocialGouv · May 2, 2024 · 7e196db · 7e196db
1 parent 27962be
commit 7e196db
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 11 deletions.
diff --git a/...frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap b/...frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap
@@ -25,7 +25,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
       data-rttabs="true"
     >
       <div
-        class="sc-iMWBiJ iZEClt"
+        class="sc-iMWBiJ kmA-Drm"
       >
         <ul
           class="sc-fvtFIe cHMgmW"
@@ -568,7 +568,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-iMWBiJ iZEClt"
+                        class="sc-iMWBiJ kmA-Drm"
                       >
                         <ul
                           class="sc-fvtFIe cHMgmW"
@@ -731,7 +731,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-iMWBiJ iZEClt"
+                        class="sc-iMWBiJ kmA-Drm"
                       >
                         <ul
                           class="sc-fvtFIe cHMgmW"

diff --git a/...fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap b/...fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap
@@ -22,7 +22,7 @@ exports[`FragmentConditionne Should display element within 1`] = `
     data-rttabs="true"
   >
     <div
-      class="sc-iMWBiJ iZEClt"
+      class="sc-iMWBiJ kmA-Drm"
     >
       <ul
         class="sc-fvtFIe cHMgmW"

diff --git a/...ontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap b/...ontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap
@@ -7,7 +7,7 @@ exports[`<Tabulator /> should have two different levels of headings 1`] = `
     data-rttabs="true"
   >
     <div
-      class="sc-iMWBiJ iZEClt"
+      class="sc-iMWBiJ kmA-Drm"
     >
       <ul
         class="sc-fvtFIe cHMgmW"
@@ -83,7 +83,7 @@ exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
     data-rttabs="true"
   >
     <div
-      class="sc-iMWBiJ iZEClt"
+      class="sc-iMWBiJ kmA-Drm"
     >
       <ul
         class="sc-fvtFIe cHMgmW"
@@ -159,7 +159,7 @@ exports[`<Tabulator /> should render 1`] = `
     data-rttabs="true"
   >
     <div
-      class="sc-iMWBiJ iZEClt"
+      class="sc-iMWBiJ kmA-Drm"
     >
       <ul
         class="sc-fvtFIe cHMgmW"

diff --git a/packages/react-ui/src/Tabs/__snapshots__/test.js.snap b/packages/react-ui/src/Tabs/__snapshots__/test.js.snap
@@ -7,7 +7,7 @@ exports[`<Tabs /> renders 1`] = `
     data-rttabs="true"
   >
     <div
-      class="sc-eqUAAy jKNqXX"
+      class="sc-eqUAAy iyzsrM"
     >
       <ul
         class="sc-fqkvVR cGoVTS"

diff --git a/packages/react-ui/src/Tabs/index.js b/packages/react-ui/src/Tabs/index.js
@@ -74,9 +74,7 @@ const StyledTabs = styled(RootTabs)`
 `;
 
 const StyledOverflowWrapper = styled.div`
-  @media (max-width: ${breakpoints.mobile}) {
-    overflow-x: auto;
-  }
+  overflow-x: auto;
   margin-right: ${spacings.tiny};
 `;