pingcap / website-docs

The next generation of PingCAP Docs. Powered by Gatsby ⚛️.
https://docs.pingcap.com/
MIT License
22 stars 34 forks source link

Left navigation pane: long English titles without spaces misalign #554

Closed qiancai closed 21 hours ago

qiancai commented 6 days ago

Describe the bug When viewing long English titles without spaces in the left navigation of the documentation site, the left edge of these titles does not align properly, which is very confusing.

To Reproduce

  1. Go to https://docs.pingcap.com/tidb/stable/information-schema-referential-constraints.
  2. Check the left navigation pane.

Expected behavior The left edge of titles aligns according to the TOC, regardless of title length.

Screenshots

img_v3_02gj_f8ec58ae-259b-4ac5-8881-218baf2d007g

Desktop (please complete the following information):

Oreoxmt commented 5 days ago

I'd like to share an observation regarding the navigation pane behavior in a previous version of website-docs (https://github.com/pingcap/website-docs/commit/9044798d9c52945427cfecebbae1498eefd609d8). When previewing a document on my local machine, I noticed that the previous version handled these cases correctly:

image