gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-20 22:34:23 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

chore(right_pane): basic expand support

Browse Source
This commit is contained in:
Elian Doran 2025-12-18 14:52:22 +02:00
parent 682c61305c
commit 5dacfd3ac6
No known key found for this signature in database
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/widgets/sidebar/RightPanelContainer.tsx
View File

@ -51,6 +51,8 @@ export default function RightPanelContainer() {
return () => splitInstance.destroy(); return () => splitInstance.destroy();
}, [ items ]); }, [ items ]);
const sizesBeforeCollapse = useRef(new WeakMap<HTMLElement, number>());
return ( return (
<div id="right-pane"> <div id="right-pane">
<RightPanelContext.Provider value={{ <RightPanelContext.Provider value={{
@ -65,12 +67,21 @@ export default function RightPanelContainer() {
const sizes = splitInstance.getSizes(); const sizes = splitInstance.getSizes();
if (!expanded) { if (!expanded) {
const sizeBeforeCollapse = sizes[pos]; const sizeBeforeCollapse = sizes[pos];
sizesBeforeCollapse.current.set(cardEl, sizeBeforeCollapse);
sizes[pos] = 0; sizes[pos] = 0;
const itemToExpand = pos > 0 ? pos - 1 : pos + 1; const itemToExpand = pos > 0 ? pos - 1 : pos + 1;
if (sizes[itemToExpand] > COLLAPSED_SIZE) { if (sizes[itemToExpand] > COLLAPSED_SIZE) {
sizes[itemToExpand] += sizeBeforeCollapse; sizes[itemToExpand] += sizeBeforeCollapse;
} }
} else {
const itemToExpand = pos > 0 ? pos - 1 : pos + 1;
const sizeBeforeCollapse = sizesBeforeCollapse.current.get(cardEl) ?? 50;
if (sizes[itemToExpand] > COLLAPSED_SIZE) {
sizes[itemToExpand] -= sizeBeforeCollapse;
}
sizes[pos] = sizeBeforeCollapse;
} }
console.log("Set sizes to ", sizes); console.log("Set sizes to ", sizes);
splitInstance.setSizes(sizes); splitInstance.setSizes(sizes);