Revert responsive behaviour of tables

prezly · Jul 9, 2024 · ef7ad8c · ef7ad8c
1 parent a1287e3
commit ef7ad8c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git a/src/elements/Table/Table.scss b/src/elements/Table/Table.scss
@@ -1,13 +1,7 @@
 @import "styles/variables";
 
-.prezly-slate-table-container {
-    width: 100%;
-    overflow-x: auto;
-}
-
 .prezly-slate-table {
     width: 100%;
-    max-width: 100%;
     border-collapse: collapse;
     table-layout: auto;
 
@@ -31,7 +25,6 @@
     outline: none !important;
     text-align: left;
     vertical-align: middle;
-    white-space: nowrap;
 
     > *:first-child {
         margin-top: 0;

diff --git a/src/elements/Table/Table.tsx b/src/elements/Table/Table.tsx
@@ -11,15 +11,13 @@ interface Props extends HTMLAttributes<HTMLTableElement> {
 export function Table({ children, node }: Props) {
     return (
         <TableContextProvider table={node}>
-            <div className="prezly-slate-table-container">
-                <table
-                    className={classNames('prezly-slate-table', {
-                        'prezly-slate-table--withBorders': node.border,
-                    })}
-                >
-                    <tbody>{children}</tbody>
-                </table>
-            </div>
+            <table
+                className={classNames('prezly-slate-table', {
+                    'prezly-slate-table--withBorders': node.border,
+                })}
+            >
+                <tbody>{children}</tbody>
+            </table>
         </TableContextProvider>
     );
 }