on master help sign in
TableOfContent: add gradient fade when long
cd863bbMatilde Park
components/TableOfContents.js+3−1
@@ -13,7 +13,9 @@ export const TableOfContents = ({ staticPosition, noh3s }) => {
13 }
13 }
14 style={{ top: "8rem", height: "calc(100vh - 16rem)" }}
14 style={{ top: "8rem", height: "calc(100vh - 16rem)" }}
15 >
15 >
16+ <div className="relative after:fixed after:bg-gradient-to-t after:from-white after:via-white after:bottom-0 after:w-52 after:h-60 after:pointer-events-none">
16− <Headings headings={nestedHeadings} activeId={activeId} />
17+ <Headings headings={nestedHeadings} activeId={activeId} />
18+ </div>
17 </nav>
19 </nav>
18 );
20 );
19};
21};