fix(TableContainer): align always visible scrollbar (#1819)

dnbexperience · Dec 15, 2022 · c16519d · c16519d
1 parent 71f5ee3
commit c16519d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/dnb-eufemia/src/components/table/__tests__/__snapshots__/Table.test.tsx.snap b/packages/dnb-eufemia/src/components/table/__tests__/__snapshots__/Table.test.tsx.snap
@@ -686,9 +686,11 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
     .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
       margin: 0; }
   .dnb-table__container__foot {
-    padding: 1rem 1rem 1.5rem; }
+    padding: 1rem; }
     .dnb-table__container__foot--empty {
-      padding: 0 0 1rem; }
+      padding: 0 0 0.5rem; }
+  .dnb-table__container .dnb-table__scroll-view {
+    margin-bottom: 0.5rem; }
   .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
     overflow: visible; }
 

diff --git a/packages/dnb-eufemia/src/components/table/style/_table-container.scss b/packages/dnb-eufemia/src/components/table/style/_table-container.scss
@@ -49,13 +49,17 @@
     }
   }
   &__foot {
-    padding: 1rem 1rem 1.5rem;
+    padding: 1rem;
 
     &--empty {
-      padding: 0 0 1rem;
+      padding: 0 0 0.5rem;
     }
   }
 
+  .dnb-table__scroll-view {
+    margin-bottom: 0.5rem;
+  }
+
   // When placed inside a Modal/Drawer, let the parent scroll-bar do its job.
   .dnb-modal__content & .dnb-table__scroll-view {
     overflow: visible;