Fix table overflow styling (#4934)

* Add overflow scroll to table container * revise to overflow to auto * add overlay * Remove snapshots * Update screenshots
streamlit · Jul 7, 2022 · 4c39606 · 4c39606
1 parent 26de600
commit 4c39606
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/frontend/src/components/elements/ArrowTable/styled-components.ts b/frontend/src/components/elements/ArrowTable/styled-components.ts
@@ -23,6 +23,7 @@ export const StyledTableContainer = styled.div(({ theme }) => ({
   fontFamily: theme.fonts.sansSerif,
   padding: `${theme.spacing.twoXS} ${theme.spacing.xs}`,
   lineHeight: theme.lineHeights.table,
+  overflow: ["auto", "overlay"],
 }))
 
 export const StyledTable = styled.table(({ theme }) => ({

diff --git a/frontend/src/components/elements/Table/styled-components.ts b/frontend/src/components/elements/Table/styled-components.ts
@@ -23,6 +23,7 @@ export const StyledTableContainer = styled.div(({ theme }) => ({
   fontFamily: theme.fonts.sansSerif,
   padding: `${theme.spacing.twoXS} ${theme.spacing.md}`,
   lineHeight: theme.lineHeights.table,
+  overflow: ["auto", "overlay"],
 }))
 
 export const StyledTable = styled.table(({ theme }) => ({