Skip to content

Adjust navbar heights and main-container layout#2528

Merged
chalin merged 6 commits intogoogle:mainfrom
chalin:chalin-m24-more-sidenav-adj-2026-0207
Feb 8, 2026
Merged

Adjust navbar heights and main-container layout#2528
chalin merged 6 commits intogoogle:mainfrom
chalin:chalin-m24-more-sidenav-adj-2026-0207

Conversation

@chalin
Copy link
Copy Markdown
Collaborator

@chalin chalin commented Feb 8, 2026

  • Introduce a new mobile navbar height variable and update layout/CSS to account for the combined navbar height on small screens: $td-navbar__main-min-height-mobile
  • Fixe .td-main flex behavior to apply only when a sidebar exists
  • Update navbar partial to expose the main navbar element and move search markup ordering
  • Update documentation and blog posts to document the experimental navbar height variables and badges
  • Adjust homepage CTA text and links
  • Drop link to example site from the navbar
  • Add a draft migration plan task describing an approach to sticky-navbar migration

Preview:

Screenshots

image
image

Introduce a new mobile navbar height variable and update layout/CSS to account for the combined navbar height on small screens. Add $td-navbar__main-min-height-mobile and use it to compute .td-outer min-height and navbar scroll area; ensure desktop keeps the original min-height. Convert .td-main flex behavior to apply only when a sidebar exists (using &:has(> .td-sidebar)). Update navbar partial to expose the main navbar element and move search markup ordering. Update documentation and blog posts to document the experimental navbar height variables and badges, adjust homepage CTA links, and reorder frontmatter in the Get Started page. Add a migration plan task (tasks/0.15/sticky-navbar-migration.plan.md) describing the sticky-navbar migration approach and validation checklist.
@chalin chalin added this to the 0.14.0 milestone Feb 8, 2026
@chalin chalin force-pushed the chalin-m24-more-sidenav-adj-2026-0207 branch from d34140d to c00869e Compare February 8, 2026 11:35
@chalin chalin force-pushed the chalin-m24-more-sidenav-adj-2026-0207 branch from c00869e to 9c260a5 Compare February 8, 2026 11:36
description: >-
Learn how to get started with Docsy, including the available options for
installing and using the Docsy theme.
sidebar_root_for: self
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note: removed sidebar_root_for for this section.

@chalin chalin force-pushed the chalin-m24-more-sidenav-adj-2026-0207 branch from 06f4e71 to d2a1753 Compare February 8, 2026 11:46
@chalin chalin force-pushed the chalin-m24-more-sidenav-adj-2026-0207 branch from d2a1753 to 72f9930 Compare February 8, 2026 11:56
@chalin chalin merged commit e27e413 into google:main Feb 8, 2026
12 checks passed
@chalin chalin deleted the chalin-m24-more-sidenav-adj-2026-0207 branch February 8, 2026 19:31
@chalin chalin mentioned this pull request Mar 1, 2026
10 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant