diff --git a/src/components/table/partial-styles/_tabulator-footer.scss b/src/components/table/partial-styles/_tabulator-footer.scss index 370884cbf9..54f73f0468 100644 --- a/src/components/table/partial-styles/_tabulator-footer.scss +++ b/src/components/table/partial-styles/_tabulator-footer.scss @@ -17,6 +17,7 @@ margin-bottom: 0; .tabulator-row { + height: $height-of-aggregations-row; background: transparent !important; } @@ -25,8 +26,9 @@ } .tabulator-cell { - padding-top: functions.pxToRem(3); - padding-bottom: functions.pxToRem(3); + height: $height-of-aggregations-row !important; + padding-top: 0.25rem; + padding-bottom: 0; } } } diff --git a/src/components/table/partial-styles/tabulator-custom-styles.scss b/src/components/table/partial-styles/tabulator-custom-styles.scss index 2a3d4ae5c0..da6c2a3464 100644 --- a/src/components/table/partial-styles/tabulator-custom-styles.scss +++ b/src/components/table/partial-styles/tabulator-custom-styles.scss @@ -161,11 +161,11 @@ } } - .has-aggregation { + &:has(.tabulator-calcs-holder) { .tabulator-tableHolder { - margin-bottom: functions.pxToRem( - 24 - ); // makes sure aggregations row doesn't cover the last table row, and horizontal scroll bar is shown on windows + // makes sure aggregations row doesn't cover the last table row, + // and the horizontal scroll bar which is shown on windows + margin-bottom: $height-of-aggregations-row; } } diff --git a/src/components/table/table.scss b/src/components/table/table.scss index f2d1e0030b..29fbfdc9e7 100644 --- a/src/components/table/table.scss +++ b/src/components/table/table.scss @@ -10,6 +10,7 @@ $width-of-sorter-arrow: 0.5rem; $cell-padding: 0.5rem; $table--has-interactive-rows--selectable-row--hover: 2; $table--limel-table--row-selector: 1; +$height-of-aggregations-row: 1.5rem; :host(limel-table) { isolation: isolate;