Add default spacing at the bottom of the table (#1303)

bigbinary · Jan 13, 2025 · ce5ac2a · ce5ac2a
1 parent 0247b13
commit ce5ac2a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/styles/editor/_table.scss b/src/styles/editor/_table.scss
@@ -1,7 +1,7 @@
 .neeto-editor-table {
   position: relative;
   width: fit-content;
-  margin: 8px 0 0;
+  margin: 1rem 0 0;
   max-width: 100%;
   overflow-x: auto;
 

diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss
@@ -103,6 +103,7 @@
   .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
+    margin: 1rem 0;
   }
 
   // Sizing

diff --git a/stories/Walkthroughs/Output/EditorContentDemo.stories.mdx b/stories/Walkthroughs/Output/EditorContentDemo.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta, Unstyled } from "@storybook/addon-docs";
 import {
   EDITOR_PROP_TABLE_COLUMNS,
   EDITOR_CONTENT_PROP_TABLE_ROWS,
@@ -22,6 +22,9 @@ import EditorContentDemo from "./EditorContentDemo";
 
 # EditorContent demo
 
-To update the preview content, make use of the editor below. The changes will be instantly updated in the preview.
+To update the preview content, make use of the editor below. The changes will be
+instantly updated in the preview.
 
-<EditorContentDemo />
+<Unstyled>
+  <EditorContentDemo />
+</Unstyled>