chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

finally back up and running again

Browse source
This commit is contained in:
Chris Kruining 2024-12-18 08:10:38 +01:00
parent 529647b0d7
commit 4a5f0cf2d1
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
8 changed files with 101 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/table/table.module.css
View file

@ -60,6 +60,12 @@
z-index: 1;
}
& .caption {
/* grid-column: 1 / -1; */
position: sticky;
inset-inline-start: 0;
}
& :is(.header, .main, .footer) {
grid-column: 1 / -1;
display: block grid;
@ -106,7 +112,7 @@
animation: header-scroll-shadow linear both;
animation-timeline: scroll();
animation-range: 0 2em;
font-weight: var(--weight-bold);
font-weight: var(--text-bold);
& > tr {
all: inherit;
@ -139,7 +145,7 @@
animation: header-scroll-shadow linear both reverse;
animation-timeline: scroll();
animation-range: calc(100% - 2em) 100%;
font-weight: var(--weight-bold);
font-weight: var(--text-bold);
}
& details {

16
src/components/table/table.tsx
View file

@ -86,11 +86,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
const columnCount = createMemo(() => table.columns().length);
return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
{/* <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
<Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
summary => {
return <caption>Kaas {summary()}</caption>;
return <caption class={css.caption}>{summary()}</caption>;
}
}</Show> */}
}</Show>
<Groups />
<Head />
@ -246,4 +246,12 @@ function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy:
node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
}</For>
</details>;
};
};
declare module "solid-js" {
namespace JSX {
interface HTMLAttributes<T> {
indeterminate?: boolean | undefined;
}
}
}