starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-01-11 20:00:29 +01: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',
'[&: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.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(+.drop-marker+.tree-item.selected)]:rounded-b-none',
)}
>
<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;
return (
<div style={{ paddingLeft: `${parentDepth}rem` }}>
<div className="drop-marker" style={{ paddingLeft: `${parentDepth}rem` }}>
<DropMarker className={classNames(className)} />
</div>
);