mirror of
https://github.com/LukeHagar/unicorn-utterances.git
synced 2025-12-10 12:57:46 +00:00
add vertical table margin, fix intersection script for multiple tables
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
@import "src/styles/text-styles.scss";
|
@import "src/styles/text-styles.scss";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
--table_margin: var(--spc-4x);
|
||||||
--table_padding-horizontal: var(--spc-1x);
|
--table_padding-horizontal: var(--spc-1x);
|
||||||
--table_padding-bottom: var(--spc-1x);
|
--table_padding-bottom: var(--spc-1x);
|
||||||
--table_border-radius: var(--spc-4x);
|
--table_border-radius: var(--spc-4x);
|
||||||
@@ -48,6 +49,7 @@ tbody tr:last-child {
|
|||||||
.table-container {
|
.table-container {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
|
margin: var(--hint-margin) 0;
|
||||||
|
|
||||||
border-radius: var(--table_border-radius);
|
border-radius: var(--table_border-radius);
|
||||||
padding: 0 var(--table_padding-horizontal);
|
padding: 0 var(--table_padding-horizontal);
|
||||||
|
|||||||
@@ -7,5 +7,5 @@ export const enableTables = () => {
|
|||||||
{ threshold: [1] }
|
{ threshold: [1] }
|
||||||
);
|
);
|
||||||
|
|
||||||
observer.observe(document.querySelector("thead"));
|
document.querySelectorAll("thead").forEach((e) => observer.observe(e));
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user