info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-11 11:43:58 +02:00
Code Issues Releases Wiki Activity

Make TOC sticky on guides

Browse Source
This commit is contained in:
Kamran Ahmed
2024-11-27 21:44:27 +05:00
parent addf973c81
commit 266d357e2a
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Guide/GuideContent.astro
View File

@@ -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]'> <article class='lg:grid lg:max-w-full lg:grid-cols-[1fr_minmax(0,700px)_1fr]'>
{ {
(showTableOfContent || showRelatedGuides) && ( (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 <RelatedGuides
relatedTitle={guideFrontmatter?.relatedTitle} relatedTitle={guideFrontmatter?.relatedTitle}
relatedGuides={guide?.relatedGuides || {}} relatedGuides={guide?.relatedGuides || {}}