Polish odds and ends across the report#4643
Merged
soulgalore merged 1 commit intomainfrom May 3, 2026
Merged
Conversation
A handful of pages and components escaped earlier refresh passes and now stick out next to the styled tabs around them. Bundling the tail-end pieces together so each one
doesn't have to carry its own PR.
The Coach tab's "Page info", "Technologies used to build the page", "Third-party tools" and the resource-hints sidebar were still rendered as plain bordered tables; they now
use the same iter-group + tile pattern as the rest of the per-page tabs, with technologies as small cards (name, version, confidence pill, category chips) and third-party
tools as category-grouped chip lists.
The help page was a flat wall of headings — readable but heavy. Wrapping it in a .help-page container lets it pick up section dividers, capped line-length, hover-to-show
anchor marks on entries with an id, and <code> styling for the option flags scattered through the doc.
The kbSizeCell table-mixin was emitting raw KB numbers ("234.5") instead of formatted strings, so the size columns on pages.html, toplist.html and assets.html had no units —
the table headings carried "(kb)" but values that exceeded a megabyte still read as "5483.6" instead of "5.2 MB". Switched the mixin to h.size.format() so units travel with
the values.
The toplist's "Quick links" rail was a vertical stack of bordered group-items — the only place left in the report that still used that old component. Replaced with the same
small-pipe-separated nav the per-URL tabs use, dropping the lone surviving consumer of .group-item.active styling.
Web Vitals "warning" pills (TTFB / CLS at the second-tier threshold) read as orange-brown rather than yellow because the warning palette was sitting on Tailwind amber-700
(#b45309). Shifted to yellow-700 (#a16207) — same contrast against the pale background, but the colour now matches what users expect a yellow warning state to look like.
Co-authored-by: Claude Opus 4.7 (1M context) noreply@anthropic.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.
A handful of pages and components escaped earlier refresh passes and now stick out next to the styled tabs around them. Bundling the tail-end pieces together so each one
doesn't have to carry its own PR.
The Coach tab's "Page info", "Technologies used to build the page", "Third-party tools" and the resource-hints sidebar were still rendered as plain bordered tables; they now
use the same iter-group + tile pattern as the rest of the per-page tabs, with technologies as small cards (name, version, confidence pill, category chips) and third-party
tools as category-grouped chip lists.
The help page was a flat wall of headings — readable but heavy. Wrapping it in a .help-page container lets it pick up section dividers, capped line-length, hover-to-show
anchor marks on entries with an id, and
styling for the option flags scattered through the doc.The kbSizeCell table-mixin was emitting raw KB numbers ("234.5") instead of formatted strings, so the size columns on pages.html, toplist.html and assets.html had no units —
the table headings carried "(kb)" but values that exceeded a megabyte still read as "5483.6" instead of "5.2 MB". Switched the mixin to h.size.format() so units travel with
the values.
The toplist's "Quick links" rail was a vertical stack of bordered group-items — the only place left in the report that still used that old component. Replaced with the same
small-pipe-separated nav the per-URL tabs use, dropping the lone surviving consumer of .group-item.active styling.
Web Vitals "warning" pills (TTFB / CLS at the second-tier threshold) read as orange-brown rather than yellow because the warning palette was sitting on Tailwind amber-700
(#b45309). Shifted to yellow-700 (#a16207) — same contrast against the pale background, but the colour now matches what users expect a yellow warning state to look like.
Co-authored-by: Claude Opus 4.7 (1M context) noreply@anthropic.com