Preflight
What happened?
At a 1280px-wide desktop viewport, the navbar brand .navbar__title.text--truncate ellipsizes to “Better Har…” / “Better Harn…” on every page (including 404), even though there is unused space before Docs.
Where did it happen?
Other (public docs site)
Version and environment
Public site https://qoderai.github.io/better-harness/ on 2026-08-31 (UTC+8), viewport 1280×800.
Steps to reproduce
- Open https://qoderai.github.io/better-harness/ at 1280px width.
- Look at the left of the navbar.
- Inspect
.navbar__title.text--truncate: scrollWidth 136 / clientWidth 115, overflow: hidden; text-overflow: ellipsis.
Expected vs actual result
Expected: full “Better Harness” visible at desktop widths.
Actual: “Better Har…” on homepage, Inspector, 404, etc.
Logs or screenshots
.navbar__title.text--truncate at 1280px: scrollWidth 136, clientWidth 115.
Anything else?
现象：桌面宽度品牌名被截断。
想改成啥：1280px 及以上显示完整 “Better Harness”（收紧 truncate 或给 title 足够宽度）。
验收：1280px 宽导航栏品牌无省略号，404 页同样。
Preflight
What happened?
At a 1280px-wide desktop viewport, the navbar brand
.navbar__title.text--truncateellipsizes to “Better Har…” / “Better Harn…” on every page (including 404), even though there is unused space before Docs.Where did it happen?
Other (public docs site)
Version and environment
Public site
https://qoderai.github.io/better-harness/on 2026-08-31 (UTC+8), viewport 1280×800.Steps to reproduce
.navbar__title.text--truncate:scrollWidth136 /clientWidth115,overflow: hidden; text-overflow: ellipsis.Expected vs actual result
Expected: full “Better Harness” visible at desktop widths.
Actual: “Better Har…” on homepage, Inspector, 404, etc.
Logs or screenshots
.navbar__title.text--truncateat 1280px: scrollWidth 136, clientWidth 115.Anything else?
现象：桌面宽度品牌名被截断。
想改成啥：1280px 及以上显示完整 “Better Harness”（收紧 truncate 或给 title 足够宽度）。
验收：1280px 宽导航栏品牌无省略号，404 页同样。