fix: scrollbar z-index

Signed-off-by: Innei <tukon479@gmail.com>
RSSNext · Dec 7, 2024 · 2b2d56c · 2b2d56c
1 parent 1d00865
commit 2b2d56c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/renderer/src/modules/entry-column/wrapper.desktop.tsx b/apps/renderer/src/modules/entry-column/wrapper.desktop.tsx
@@ -15,7 +15,7 @@ export const EntryColumnWrapper = forwardRef<HTMLDivElement, EntryColumnWrapperP
     return (
       <div className={clsx(styles, animationStyles, "mt-2")}>
         <ScrollArea
-          scrollbarClassName={!views[view].wideMode ? "w-[5px] p-0" : ""}
+          scrollbarClassName={clsx(!views[view].wideMode ? "w-[5px] p-0" : "", "z-[3]")}
           mask={false}
           ref={ref}
           rootClassName={clsx("h-full", views[view].wideMode ? "mt-2" : "")}

diff --git a/apps/renderer/src/modules/entry-content/index.desktop.tsx b/apps/renderer/src/modules/entry-content/index.desktop.tsx
@@ -215,7 +215,7 @@ export const EntryContent: Component<EntryContentProps> = ({
               )}
               {entry.settings?.sourceContent && <ViewSourceContentAutoToggleEffect />}
 
-              {!content && (
+              {!content && !isInReadabilityMode && (
                 <div className="center mt-16 min-w-0">
                   {isPending ? (
                     <EntryContentLoading

diff --git a/packages/components/src/ui/scroll-area/ScrollArea.tsx b/packages/components/src/ui/scroll-area/ScrollArea.tsx
@@ -52,7 +52,7 @@ const Scrollbar = React.forwardRef<
       className={cn(
         "flex w-2.5 touch-none select-none p-0.5",
         orientation === "horizontal" ? `h-2.5 w-full flex-col` : `w-2.5 flex-row`,
-        "z-[3] animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+        "animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
         className,
       )}
     >