From 2b827991ef48396562b1a478ac7e9f0e2768ebe4 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 20 Dec 2025 11:52:40 +0200
Subject: [PATCH] feat(right_pane): only grow table of contents & highlights

---
 apps/client/src/widgets/sidebar/HighlightsList.tsx      | 1 +
 apps/client/src/widgets/sidebar/RightPanelContainer.css | 2 +-
 apps/client/src/widgets/sidebar/RightPanelWidget.tsx    | 8 ++++++--
 apps/client/src/widgets/sidebar/TableOfContents.tsx     | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/sidebar/HighlightsList.tsx b/apps/client/src/widgets/sidebar/HighlightsList.tsx
index e93db959c..2fb19e38b 100644
--- a/apps/client/src/widgets/sidebar/HighlightsList.tsx
+++ b/apps/client/src/widgets/sidebar/HighlightsList.tsx
@@ -39,6 +39,7 @@ export default function HighlightsList() {
                         handler: () => setShown(true)
                     }
                 ]}
+                grow
             >
                 {noteType === "text" && isReadOnly && <ReadOnlyTextHighlightsList />}
                 {noteType === "text" && !isReadOnly && <EditableTextHighlightsList />}
diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.css b/apps/client/src/widgets/sidebar/RightPanelContainer.css
index ce33b8430..4e1a92147 100644
--- a/apps/client/src/widgets/sidebar/RightPanelContainer.css
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.css
@@ -33,7 +33,7 @@ body.experimental-feature-new-layout #right-pane {
         }
     }
 
-    .card:not(.collapsed) {
+    .card.grow:not(.collapsed) {
         flex-grow: 1;
     }
 
diff --git a/apps/client/src/widgets/sidebar/RightPanelWidget.tsx b/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
index 3c3c600d7..4cb8aedf3 100644
--- a/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
+++ b/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
@@ -15,9 +15,10 @@ interface RightPanelWidgetProps {
     buttons?: ComponentChildren;
     containerRef?: RefObject<HTMLDivElement>;
     contextMenuItems?: MenuItem<unknown>[];
+    grow?: boolean;
 }
 
-export default function RightPanelWidget({ id, title, buttons, children, containerRef: externalContainerRef, contextMenuItems }: RightPanelWidgetProps) {
+export default function RightPanelWidget({ id, title, buttons, children, containerRef: externalContainerRef, contextMenuItems, grow }: RightPanelWidgetProps) {
     const [ rightPaneCollapsedItems, setRightPaneCollapsedItems ] = useTriliumOptionJson<string[]>("rightPaneCollapsedItems");
     const [ expanded, setExpanded ] = useState(!rightPaneCollapsedItems.includes(id));
     const containerRef = useSyncedRef<HTMLDivElement>(externalContainerRef, null);
@@ -30,7 +31,10 @@ export default function RightPanelWidget({ id, title, buttons, children, contain
     return (
         <div
             ref={containerRef}
-            class={clsx("card widget", !expanded && "collapsed")}
+            class={clsx("card widget", {
+                collapsed: !expanded,
+                grow
+            })}
         >
             <div
                 class="card-header"
diff --git a/apps/client/src/widgets/sidebar/TableOfContents.tsx b/apps/client/src/widgets/sidebar/TableOfContents.tsx
index b58c2d8c4..06eb2fff8 100644
--- a/apps/client/src/widgets/sidebar/TableOfContents.tsx
+++ b/apps/client/src/widgets/sidebar/TableOfContents.tsx
@@ -26,7 +26,7 @@ export default function TableOfContents() {
     const { isReadOnly } = useIsNoteReadOnly(note, noteContext);
 
     return (
-        <RightPanelWidget id="toc" title={t("toc.table_of_contents")}>
+        <RightPanelWidget id="toc" title={t("toc.table_of_contents")} grow>
             {((noteType === "text" && isReadOnly) || (noteType === "doc")) && <ReadOnlyTextTableOfContents />}
             {noteType === "text" && !isReadOnly && <EditableTextTableOfContents />}
         </RightPanelWidget>