Skip to content

fix: external link icon misplacement when truncated - #1464

Merged
larbish merged 1 commit into
nuxt-content:mainfrom
trueberryless:fix/link-label-placement
Oct 8, 2026
Merged

larbish merged 1 commit into
nuxt-content:mainfrom
trueberryless:fix/link-label-placement

Conversation

@trueberryless

Copy link
Copy Markdown
Contributor

Description

I noticed that the external icons in the link section underneath the ToC are misplaced when the links itself are truncated text (on smaller screens).

This PR fixes this by reserving some room for the icon by adding some tailwind classes to the label

@vercel

vercel Bot commented Oct 8, 2026

Copy link
Copy Markdown

@trueberryless is attempting to deploy a commit to the NuxtLabs Team on Vercel.

A member of the Team first needs to authorize it.

@pkg-pr-new

pkg-pr-new Bot commented Oct 8, 2026

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/create-docus@1464
npm i https://pkg.pr.new/docus@1464

commit: 557550b

@docus-bundle-report

Copy link
Copy Markdown

Production bundle

Comparing 7a4967c4 with 557550bf. Compressed sizes are calculated from the emitted production assets.

Initial page load

Page Base JS (Brotli) PR JS (Brotli) Δ JS Δ CSS Δ files
/en 499.1 KiB 499.0 KiB -97 B (-0.0%) +26 B (+0.1%) —
/en/getting-started/installation 278.3 KiB 278.2 KiB -116 B (-0.0%) +26 B (+0.1%) —
/en/essentials/components 292.7 KiB 292.6 KiB -116 B (-0.0%) +26 B (+0.1%) —

Entry script, modulepreload chunks and stylesheets referenced by the prerendered HTML. Lazy and prefetched chunks are excluded.

All client assets

Metric Base (Brotli) PR (Brotli) Δ Brotli Δ gzip
Client JavaScript 858.4 KiB 858.2 KiB -141 B (-0.0%) +4 B (+0.0%)
Client CSS 25.2 KiB 25.2 KiB +26 B (+0.1%) +8 B (+0.0%)
Other client assets 339.4 KiB 339.4 KiB — -4 B (-0.0%)
Total client assets 1.19 MiB 1.19 MiB -115 B (-0.0%) +8 B (+0.0%)

Largest module increases

Module Base (Brotli) PR (Brotli) Δ Brotli
layer/app/app.config.ts 311 B 325 B +14 B (+4.5%)

Module values come from Nuxt’s analyzer and are attribution estimates. This workflow is currently report-only.

Workflow run

@vercel

vercel Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
docus Ready Ready Preview Oct 8, 2026 1:13pm UTC

@larbish larbish left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@larbish
larbish merged commit ee912a6 into nuxt-content:main Oct 8, 2026
13 checks passed
@trueberryless
trueberryless deleted the fix/link-label-placement branch October 8, 2026 13:53

This branch was successfully deployed

1 active deployment
Preview — 557550bf Deployed Oct 8, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants