Sidebar nav styling changes

[reakaleek]

cc @sunnyelastic

[Copilot]

Pull Request Overview

This PR updates the sidebar navigation styling to improve visual hierarchy and consistency across navigation components.

• Increases vertical padding for top-level navigation items in the sidebar.
• Adds typography classes (font-sans and font-body) to improve text consistency.
• Adjusts the HTML structure in the Table of Contents component for updated styling.

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
src/Elastic.Markdown/Slices/Layout/_TocTreeNav.cshtml	Updated padding and font styling in list items for sidebar navigation.
src/Elastic.Markdown/Slices/Layout/_TocTree.cshtml	Added typography classes to the container and details elements.
src/Elastic.Markdown/Slices/Layout/_TableOfContents.cshtml	Modified markup structure and added typography classes for a consistent look.

Comments suppressed due to low confidence (1)

src/Elastic.Markdown/Slices/Layout/_TableOfContents.cshtml:11

• A
  element is used as a direct child of a

  , which is semantically invalid HTML. Consider moving the progress indicator outside of the
  or wrapping it in an
  • to ensure valid markup.

  <div class="toc-progress-indicator absolute top-0 h-0 left-2 w-[1px] bg-blue-elastic transition-all duration-200 ease-out "></div>