Skip to content

docs(website): home page artifact tree overflows its ab-compare column after #578 #617

Description

@ScriptedAlchemy

Found while re-verifying #610 against main after #578 landed; kept out of that PR on purpose.

website/docs/{en,zh}/index.mdx used to show the artifact layout as per-host <Tabs>. #578 (62b69c068) replaced them with a single text tree whose comment column runs to 72–76 characters:

│   ├── session-start-….claude.mjs   # one wrapper per host the hook reaches

That block sits inside the two-column .ab-compare layout (website/styles/index.css:204), whose code scroller is 484 px wide at 1440 × 900 — about 57 columns — so the tree scrolls horizontally on the home page (measured: scrollWidth 679 px vs clientWidth 484 px; .rp-codeblock__content__scroll-container). Every other authored fence on the site fits after #599 (0/274 overflowing at 1440 × 900), so this is the only remaining one, and it is on the landing page.

Fix options, either is a few lines in index.mdx (en + zh together, AGENTS.md parity):

  1. Shorten or drop the trailing # … comments so lines stay ≤ 56 characters, or
  2. Move the tree out of .ab-compare into the full-width column (818 px, ~97 columns), where the current 76-character lines fit.

Refs #590 (the audit's code-width item), #578.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions