From 833244cee3178fb2de9d20f5dcffe1880eb90c77 Mon Sep 17 00:00:00 2001 From: Parthiv Krishnan Date: Wed, 28 May 2025 16:21:07 -0400 Subject: [PATCH] fix(styling): last link in jump links sidenav is now visible --- .../components/tableOfContents/tableOfContents.css | 1 + .../components/tableOfContents/tableOfContents.js | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/documentation-framework/components/tableOfContents/tableOfContents.css b/packages/documentation-framework/components/tableOfContents/tableOfContents.css index e346e286e8..13ec0daa80 100644 --- 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 index 3f6de2e6c8..2a54047018 100644 --- 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' }} >