Fix vertical section overflow (#2744)

GitbookIO · Jan 14, 2025 · 24f5249 · 24f5249
1 parent 17c1631
commit 24f5249
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/dirty-ties-brush.md b/.changeset/dirty-ties-brush.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix vertical section overflow color
diff --git a/packages/gitbook/src/components/SiteSections/SiteSectionList.tsx b/packages/gitbook/src/components/SiteSections/SiteSectionList.tsx
@@ -30,7 +30,8 @@ export function SiteSectionList(props: { sections: SectionsList; className: Clas
                 className={tcls(
                     `text-dark/8 dark:text-light/8 text-sm
                     border-b border-dark/2 dark:border-light/2 -mx-5 relative
-                    before:absolute before:contents[] before:left-0 before:right-2 before:bottom-0 before:h-12 before:pointer-events-none before:bg-gradient-to-b from-transparent to-light dark:to-dark`,
+                    before:absolute before:contents[] before:left-0 before:right-2 before:bottom-0 before:h-12 before:pointer-events-none 
+                    before:bg-gradient-to-b from-transparent to-light dark:to-dark sidebar-filled:to-light-2 dark:sidebar-filled:to-dark-1 [html.tint.sidebar-filled_&]:to-light-1 dark:[html.tint.sidebar-filled_&]:to-dark-1`,
                     className,
                 )}
             >