💄(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 · dc8015f · dc8015f
1 parent b0b7061
commit dc8015f
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;
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -74,7 +74,7 @@ @@
       }
       &__content {
-        overflow: scroll;
+        overflow: auto;
       }
     }
@@ Expand Down @@