From 051f2e5b131d0600f0d2fd1befda9eaec185ab64 Mon Sep 17 00:00:00 2001 From: Huang Xin Date: Sat, 7 Feb 2026 17:04:05 +0800 Subject: [PATCH] fix(layout): show navigation buttons with higher z-index, closes #3201 (#3204) --- .../src/app/reader/components/PageNavigationButtons.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx b/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx index 8c1c7b5c..71558139 100644 --- a/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx +++ b/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx @@ -67,7 +67,7 @@ const PageNavigationButtons: React.FC = ({ 'absolute left-2 -translate-y-1/2', 'flex h-20 w-20 items-center justify-center', 'transition-opacity duration-300 focus:outline-none', - isPageNavigationButtonsVisible ? 'top-1/2 opacity-100' : 'bottom-12 opacity-0', + isPageNavigationButtonsVisible ? 'top-1/2 z-10 opacity-100' : 'bottom-12 opacity-0', )} aria-label={getLeftPageLabel()} tabIndex={0} @@ -90,7 +90,7 @@ const PageNavigationButtons: React.FC = ({ 'absolute right-2 -translate-y-1/2', 'flex h-20 w-20 items-center justify-center', 'transition-opacity duration-300 focus:outline-none', - isPageNavigationButtonsVisible ? 'top-1/2 opacity-100' : 'bottom-12 opacity-0', + isPageNavigationButtonsVisible ? 'top-1/2 z-10 opacity-100' : 'bottom-12 opacity-0', )} aria-label={getRightPageLabel()} tabIndex={0}