From 266d357e2af7f7b53a43fe72d8ebb08e6b622e07 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed <kamranahmed.se@gmail.com> Date: Wed, 27 Nov 2024 21:44:27 +0500 Subject: [PATCH] Make TOC sticky on guides --- src/components/Guide/GuideContent.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Guide/GuideContent.astro b/src/components/Guide/GuideContent.astro index 5657a24e7..cc06eec4e 100644 --- a/src/components/Guide/GuideContent.astro +++ b/src/components/Guide/GuideContent.astro @@ -22,7 +22,7 @@ const { frontmatter: guideFrontmatter, author } = guide; <article class='lg:grid lg:max-w-full lg:grid-cols-[1fr_minmax(0,700px)_1fr]'> { (showTableOfContent || showRelatedGuides) && ( - <div class='bg-gradient-to-r from-gray-50 py-0 lg:col-start-3 lg:col-end-4 lg:row-start-1'> + <div class='sticky top-0 lg:relative bg-gradient-to-r from-gray-50 py-0 lg:col-start-3 lg:col-end-4 lg:row-start-1'> <RelatedGuides relatedTitle={guideFrontmatter?.relatedTitle} relatedGuides={guide?.relatedGuides || {}}