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

chore(layout/right_pane): bring back resizer

Browse Source
This commit is contained in:
Elian Doran 2025-12-17 23:17:25 +02:00
parent f46de50f17
commit dac923e45d
No known key found for this signature in database
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,28 @@
//! This is currently only used for the new layout. //! This is currently only used for the new layout.
import "./RightPanelContainer.css"; import "./RightPanelContainer.css";
import Split from "@triliumnext/split.js";
import { useEffect } from "preact/hooks";
import options from "../../services/options";
import { DEFAULT_GUTTER_SIZE } from "../../services/resizer";
const MIN_WIDTH_PERCENT = 5;
export default function RightPanelContainer() { export default function RightPanelContainer() {
useEffect(() => {
// We are intentionally omitting useTriliumOption to avoid re-render due to size change.
const rightPaneWidth = Math.max(MIN_WIDTH_PERCENT, options.getInt("rightPaneWidth") ?? MIN_WIDTH_PERCENT);
const splitInstance = Split(["#center-pane", "#right-pane"], {
sizes: [100 - rightPaneWidth, rightPaneWidth],
gutterSize: DEFAULT_GUTTER_SIZE,
minSize: [300, 180],
rtl: glob.isRtl,
onDragEnd: (sizes) => options.save("rightPaneWidth", Math.round(sizes[1]))
});
return () => splitInstance.destroy();
}, []);
return ( return (
<div id="right-pane"> <div id="right-pane">
Hi there. Hi there.