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

patch styles of marker element of selectable

Browse source
This commit is contained in:
Chris Kruining 2024-12-11 10:07:13 +01:00
parent b80e4ea6f5
commit 41bd3463e7
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/features/selectable/index.module.css
View file

@ -2,4 +2,9 @@
&[data-selected="true"] { &[data-selected="true"] {
background-color: color(from var(--info) xyz x y z / .2); background-color: color(from var(--info) xyz x y z / .2);
} }
}
.root {
display: contents !important;
all: inherit;
} }

2
src/features/selectable/index.tsx
View file

@ -177,7 +177,7 @@ const Root: ParentComponent = (props) => {
}); });
}; };
return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} style={{ 'display': 'contents' }}>{c()}</div>; return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
}; };
export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => { export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {