From 951fcef75602cd7399683647f4f2542e1f522180 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 25 May 2023 11:07:18 +0800
Subject: [PATCH] Dont capture cursor events when the header is transparent

---
 packages/web/components/templates/reader/ReaderHeader.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index f09ac5406..3ea4db7e2 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -29,6 +29,8 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           height: HEADER_HEIGHT,
           display: props.alwaysDisplayToolbar ? 'flex' : 'transparent',
           pt: '35px',
+          pointerEvents: 'none',
+          cursor: 'default',
           borderBottom: props.alwaysDisplayToolbar
             ? '1px solid $thBorderColor'
             : '1px solid transparent',
@@ -36,10 +38,14 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
             height: MOBILE_HEADER_HEIGHT,
             pt: '0px',
             bg: '$readerMargin',
+            pointerEvents: 'unset',
+            cursor: 'unset',
             borderBottom: '1px solid $thBorderColor',
           },
           '@mdDown': {
             bg: '$readerBg',
+            pointerEvents: 'unset',
+            cursor: 'unset',
           },
         }}
       >