TableOfContent: add gradient fade when long
Fixes #1543
commitcd863bb1f8eb4eb149a9b9b3e3547ef7cb9d23ed
authorMatilde Park <matilde.park@urbit.org>
dateTue 14 Jun 2022, 11:00 (4 years ago)
parent8755bd2
components/TableOfContents.js+3−1
@@ -13,7 +13,9 @@ export const TableOfContents = ({ staticPosition, noh3s }) => {
1313 }
1414 style={{ top: "8rem", height: "calc(100vh - 16rem)" }}
1515 >
16− <Headings headings={nestedHeadings} activeId={activeId} />
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">
17+ <Headings headings={nestedHeadings} activeId={activeId} />
18+ </div>
1719 </nav>
1820 );
1921};