fix(styling): last link in jump links sidenav is now visible (#4638)

parthivrh · web-flow · commit b391acca48db · 2025-06-05T11:49:10.000-04:00
diff --git a/packages/documentation-framework/components/tableOfContents/tableOfContents.css b/packages/documentation-framework/components/tableOfContents/tableOfContents.css
@@ -39,6 +39,7 @@
 
 .ws-toc .pf-v6-c-jump-links__main {
   scrollbar-width: none;
+  margin-bottom: var(--jump-links-main-margin-bottom);
 }
 
 /* Hide TOC scrollbar Chrome, Safari & Opera */
diff --git a/packages/documentation-framework/components/tableOfContents/tableOfContents.js b/packages/documentation-framework/components/tableOfContents/tableOfContents.js
@@ -93,7 +93,9 @@ export const TableOfContents = ({ items }) => {
       isVertical
       scrollableSelector="#ws-page-main"
       className="ws-toc"
-      style={{ top: stickyNavHeight }}
+      style={{ top: stickyNavHeight,
+        '--jump-links-main-margin-bottom': `${stickyNavHeight}px`
+      }}
       offset={width > 1450 ? 108 + stickyNavHeight : 148 + stickyNavHeight}
       expandable={{ default: 'expandable', '2xl': 'nonExpandable' }}
     >

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,7 @@`
`39`	`39`
`40`	`40`	`.ws-toc .pf-v6-c-jump-links__main {`
`41`	`41`	`scrollbar-width: none;`
	`42`	`+ margin-bottom: var(--jump-links-main-margin-bottom);`
`42`	`43`	`}`
`43`	`44`
`44`	`45`	`/* Hide TOC scrollbar Chrome, Safari & Opera */`