fix(docs): keep navbar brand fully visible at 1280px - #142
Merged
Conversation
Infima lets the navbar brand shrink and truncate, and the compact-item query stopped at 1250px, so 1280px laptops showed Better Har…. Stop the brand from shrinking at every width and extend compact padding through 1400px so the full product name stays readable without collapsing the desktop nav. Implements #133 using docs/specs/2026-09-02-133-docs-navbar-brand-truncation.md. Validated with npx vitest run test/docs-navbar-brand-truncation.test.mjs and Playwright against http://127.0.0.1:3000/better-harness/ at 1280, 1366, 1024, and 390. Co-authored-by: augment-app-staging[bot] <182802480+augment-app-staging[bot]@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The docs navbar now shows the full
Better Harnessbrand at 1280px laptop widths instead ofBetter Har….Why
Traceability and Scope
docs/specs/2026-09-02-133-docs-navbar-brand-truncation.mdChange Type
Test and Review Evidence
npx vitest run test/docs-navbar-brand-truncation.test.mjsnpx vitest run test/skills-docs/doc-link-graph.test.mjsBetter Harness,scrollWidth <= clientWidthManual or visual evidence:
Playwright against
http://127.0.0.1:3000/better-harness/. Desktop links remain at 1280px; hamburger remains at 390px. No console errors. Screenshots saved locally under.qoder/design-qa/docs-navbar/(gitignored).Risk and Recovery
Better Harnesswere not measured.AI Involvement
Checklist
AGENTS.md,CONTRIBUTING.md, and the relevant canonical-owner guidance.CHANGELOG.md.Closes #133