💄(react) use overflow auto instead of scroll

Currently, Tooltip and Datagrid components are set to always scroll bar. This is weird, as the scrollbar is always shown even if this is not needed. Instead, we use `auto` value to display it only when it is needed
openfun · Aug 20, 2024 · b374eb8 · b374eb8
1 parent 1514e4f
commit b374eb8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/hip-masks-love.md b/.changeset/hip-masks-love.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+Use `overflow:auto` instead of `overflow:scroll`
diff --git a/packages/react/src/components/DataGrid/_index.scss b/packages/react/src/components/DataGrid/_index.scss
@@ -17,7 +17,7 @@
 
   &__table__container {
     width: 100%;
-    overflow: scroll;
+    overflow: auto;
 
     > table {
       border-collapse: collapse;

diff --git a/packages/react/src/components/Tooltip/_index.scss b/packages/react/src/components/Tooltip/_index.scss
@@ -74,7 +74,7 @@
   }
 
   &__content {
-    overflow: scroll;
+    overflow: auto;
   }
 }