Skip to content

fix(special): align most linked pages list layout - #1964

Closed
andriypolanski wants to merge 2 commits into
e35ventura:testfrom
andriypolanski:fix/mostlinkedpages-list-layout-v2
Closed

fix(special): align most linked pages list layout#1964
andriypolanski wants to merge 2 commits into
e35ventura:testfrom
andriypolanski:fix/mostlinkedpages-list-layout-v2

Conversation

@andriypolanski

Copy link
Copy Markdown
Contributor

Summary

Align the Most linked pages special page list layout so article titles and link counts are easier to scan.

Changes in src/pages/wiki/special/mostlinkedpages.astro:

  • Switch the ranked list from <ol> to <ul> (unordered list, no numbered markers).
  • Left-align each article title with the page heading by removing extra list indentation (padding-left: 32pxpadding: 0).
  • Right-align each inbound-link count on the same row using flexbox (margin-left: auto on .mw-ml-count).

Affected route: /wiki/special/mostlinkedpages/

This is a website-only UI change in this repository. No article/content changes from taopedia-articles are included, consistent with the repo split described in README.md.

Why This Should Ship

The Most Linked Pages view serves as a navigation surface for the most frequently referenced articles across Taopedia. In the previous layout, the list was visually indented away from the main page content, creating a UI/UX inconsistency compared to other pages.

The updated layout resolves this inconsistency by aligning the content structure with the rest of the interface, ensuring a more cohesive and consistent user experience.

Ranking data is unchanged. The page still uses buildMostLinkedPages() from scripts/most-linked.js, the same source as /wiki/special/mostlinkedpages.json.

Review Notes

Per CONTRIBUTING.md:

  • Target branch: test (not main).
  • Scope: focused styling/layout change only; no new routes, dependencies, or generated data changes.
  • Theme tokens: uses existing CSS custom properties (--border-color-subtle, --color-base-subtle); no hardcoded light/dark colors.
  • Visual evidence: include before/after screenshots at a standard desktop viewport (for example 1280px wide) showing:
    • Before: ordered/indented list layout on /wiki/special/mostlinkedpages/
    • After: unordered list with left-aligned titles and right-aligned link counts, aligned with the Most linked pages heading

Validation

npm run dev
# Open http://localhost:4321/wiki/special/mostlinkedpages/

npm run build
npm run test:most-linked

Existing regression checks in scripts/check-most-linked.js still match the same row markup (mw-ml-row, mw-ml-title, mw-ml-count); only list semantics and CSS changed.

Target Branch

  • This PR targets test
  • This PR targets main only because it promotes test to production

Security Checklist

  • No secrets, tokens, build hooks, wallet seeds, or private endpoints are included
  • No unnecessary workflow, dependency, or deployment changes

Before

before

After

after

Test Plan

  • Open /wiki/special/mostlinkedpages/ locally and confirm the list is an unordered list (no numbers).
  • Confirm article titles are left-aligned with the Most linked pages heading.
  • Confirm link counts are right-aligned on each row.
  • Click an article title and a link count; both still route to the article page and backlinks page respectively.
  • Run npm run test:most-linked after npm run build.
  • Attach before/after screenshots in the GitHub PR description before requesting review.

@taopedia-site-maintainer taopedia-site-maintainer Bot added the ui-ux Visual design, layout, or usability work label Jul 1, 2026
@taopedia-site-maintainer

Copy link
Copy Markdown

Verdict: Needs visual approval

PR #1964: fix(special): align most linked pages list layout

Engineering:

  • Review type: Visual/product review
  • CI: All required CI checks passed: build, build
  • Cross-repo build: pass
  • Risk: medium
  • Changed files: 1
  • Changed lines: 9

Changed files:

  • src/pages/wiki/special/mostlinkedpages.astro

Guardrails:

  • Visual layout/style/rendering files changed; visual approval required.

Decision surface:

  • Checks and cross-repo build passed; this is waiting on visual approval only.
  • If the after screenshots look correct, comment /merge.
  • If they look wrong or the change should not ship, comment /close.

What to check:

  • Special page /wiki/special/mostlinkedpages/: page title, table/list content, navigation links, and empty/error states.

Preview links:

  • Production reference: https://taopedia.org
  • No automatic Netlify preview is available. Comment /preview to create on-demand before/after draft deploys for this PR.

Cross-repo validation:

  • pass merged checkout: PR head 7e8f9e6 merges cleanly into test. Build/render is validated by the required GitHub Actions build check.

Human decision:

  • Review only the visual evidence shown above for product fit.
  • Comment /merge to merge if this should ship.
  • Comment /close to close if this should not ship.

Automated review by Taopedia Site Maintainer.

@e35ventura

Copy link
Copy Markdown
Owner

/close

@taopedia-site-maintainer

Copy link
Copy Markdown

Closing by maintainer command /close.


Automated review by Taopedia Site Maintainer.

@andriypolanski
andriypolanski deleted the fix/mostlinkedpages-list-layout-v2 branch July 3, 2026 15:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui-ux Visual design, layout, or usability work

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants