Skip to content

fix: layout shift during code nav from root to any file/dir#75

Merged
danielroe merged 2 commits intonpmx-dev:mainfrom
devdumpling:dwells-fix-code-layout-shift
Jan 25, 2026
Merged

fix: layout shift during code nav from root to any file/dir#75
danielroe merged 2 commits intonpmx-dev:mainfrom
devdumpling:dwells-fix-code-layout-shift

Conversation

@devdumpling
Copy link
Copy Markdown
Contributor

Overview

Simple layout shift fix for breadcrumbs. Slightly less visual pleasing for root, but stabilizes. If we'd prefer, we could space it instead but I think the root breadcrumb is consistent. Just my 2c.

Screen.Recording.2026-01-25.at.11.13.09.AM.mov

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 25, 2026

@devdumpling is attempting to deploy a commit to the danielroe Team on Vercel.

A member of the Team first needs to authorize it.

@devdumpling
Copy link
Copy Markdown
Contributor Author

PSA this is the first vue i've like basically ever written.

@devdumpling devdumpling deleted the dwells-fix-code-layout-shift branch January 25, 2026 16:18
@devdumpling devdumpling restored the dwells-fix-code-layout-shift branch January 25, 2026 16:18
@devdumpling devdumpling reopened this Jan 25, 2026
Comment on lines +346 to +352
v-if="filePath"
:to="getCodeUrl()"
class="text-fg-muted hover:text-fg transition-colors shrink-0"
>
root
</NuxtLink>
<span v-else class="text-fg shrink-0">root</span>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Idea here was to only have the link outside of the root, but can simplify if this is overly complex for breadcrumb linkage.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 25, 2026

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

Project Deployment Review Updated (UTC)
npmx.dev Ready Ready Preview, Comment Jan 25, 2026 4:38pm

Request Review

@danielroe danielroe merged commit 4a074a9 into npmx-dev:main Jan 25, 2026
12 checks passed
vinnymac pushed a commit to vinnymac/npmx.dev that referenced this pull request Jan 28, 2026
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