From 173aa0fcd195d6dd1a66abf8d384edd234edbcbb Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Mon, 6 Oct 2025 11:52:36 +0800
Subject: [PATCH] layout: fix dragbar flickering when opening a book (#2177)

---
 .../src/app/reader/components/notebook/Notebook.tsx            | 2 +-
 apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx | 2 +-
 apps/readest-app/src/app/reader/components/sidebar/TOCItem.tsx | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx b/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
index 6d6e912f..88ae1f43 100644
--- a/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
+++ b/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
@@ -230,7 +230,7 @@ const Notebook: React.FC = ({}) => {
           }
         `}</style>
         <div
-          className='drag-bar absolute -left-2 top-0 h-full w-0.5 cursor-col-resize bg-transparent p-2'
+          className='drag-bar bg-base-100 absolute -left-2 top-0 h-full w-0.5 cursor-col-resize p-2'
           role='slider'
           tabIndex={0}
           aria-label={_('Resize Notebook')}
diff --git a/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx b/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
index db3bbcac..4a143780 100644
--- a/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
+++ b/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
@@ -293,7 +293,7 @@ const SideBar: React.FC<{
         )}
         <div
           className={clsx(
-            'drag-bar absolute -right-2 top-0 h-full w-0.5 cursor-col-resize bg-transparent p-1',
+            'drag-bar bg-base-100 absolute -right-2 top-0 h-full w-0.5 cursor-col-resize p-1',
             isMobile && 'hidden',
           )}
           role='slider'
diff --git a/apps/readest-app/src/app/reader/components/sidebar/TOCItem.tsx b/apps/readest-app/src/app/reader/components/sidebar/TOCItem.tsx
index b032348d..0b119b3f 100644
--- a/apps/readest-app/src/app/reader/components/sidebar/TOCItem.tsx
+++ b/apps/readest-app/src/app/reader/components/sidebar/TOCItem.tsx
@@ -137,6 +137,7 @@ export const StaticListRow: React.FC<ListRowProps> = ({
         'border-base-300 w-full border-b sm:border-none',
         'pe-4 ps-2 pt-[1px] sm:pe-2',
       )}
+      title={flatItem.item.label || ''}
     >
       <TOCItemView
         bookKey={bookKey}
@@ -166,7 +167,7 @@ export const VirtualListRow: React.FC<
   const flatItem = flatItems[index];
 
   return (
-    <div style={style}>
+    <div style={style} title={flatItem.item.label || ''}>
       <StaticListRow
         bookKey={bookKey}
         flatItem={flatItem}