add vertical table margin, fix intersection script for multiple tables

This commit is contained in:
James Fenn
2023-06-25 15:20:45 -04:00
parent 40d2c158f7
commit 69f3435a6a
2 changed files with 3 additions and 1 deletions

View File

@@ -1,6 +1,7 @@
@import "src/styles/text-styles.scss";
:root {
--table_margin: var(--spc-4x);
--table_padding-horizontal: var(--spc-1x);
--table_padding-bottom: var(--spc-1x);
--table_border-radius: var(--spc-4x);
@@ -48,6 +49,7 @@ tbody tr:last-child {
.table-container {
max-width: 100%;
width: max-content;
margin: var(--hint-margin) 0;
border-radius: var(--table_border-radius);
padding: 0 var(--table_padding-horizontal);

View File

@@ -7,5 +7,5 @@ export const enableTables = () => {
{ threshold: [1] }
);
observer.observe(document.querySelector("thead"));
document.querySelectorAll("thead").forEach((e) => observer.observe(e));
};