starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 09:18:30 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix drop marker

Browse Source
This commit is contained in:
Gregory Schier
2025-10-17 16:15:14 -07:00
parent 8300187566
commit f5094c5a94
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src-web/components/core/tree/Tree.tsx
View File

@@ -432,10 +432,13 @@ function TreeInner<T extends { id: string }>(
'[&:focus-within]:[&_.tree-item.selected]:bg-surface-active', '[&:focus-within]:[&_.tree-item.selected]:bg-surface-active',
'[&:not(:focus-within)]:[&_.tree-item.selected]:bg-surface-highlight', '[&:not(:focus-within)]:[&_.tree-item.selected]:bg-surface-highlight',
// Round the items, but only if the ends of the selection // Round the items, but only if the ends of the selection.
// Also account for the drop marker being in between items
'[&_.tree-item]:rounded-md', '[&_.tree-item]:rounded-md',
'[&_.tree-item.selected+.tree-item.selected]:rounded-t-none', '[&_.tree-item.selected+.tree-item.selected]:rounded-t-none',
'[&_.tree-item.selected+.drop-marker+.tree-item.selected]:rounded-t-none',
'[&_.tree-item.selected:has(+.tree-item.selected)]:rounded-b-none', '[&_.tree-item.selected:has(+.tree-item.selected)]:rounded-b-none',
'[&_.tree-item.selected:has(+.drop-marker+.tree-item.selected)]:rounded-b-none',
)} )}
> >
<TreeItemList nodes={selectableItems} treeId={treeId} {...treeItemListProps} /> <TreeItemList nodes={selectableItems} treeId={treeId} {...treeItemListProps} />

2
src-web/components/core/tree/TreeDropMarker.tsx
View File

@@ -27,7 +27,7 @@ export const TreeDropMarker = memo(function TreeDropMarker({
if (collapsed) return null; if (collapsed) return null;
return ( return (
<div style={{ paddingLeft: `${parentDepth}rem` }}> <div className="drop-marker" style={{ paddingLeft: `${parentDepth}rem` }}>
<DropMarker className={classNames(className)} /> <DropMarker className={classNames(className)} />
</div> </div>
); );