Skip to content

Conversation

@vinnymac
Copy link
Contributor

@vinnymac vinnymac commented Feb 11, 2026

Fixes the way the filters (Semver Group and Toggles) are displayed on mobile so they are properly spaced and span containers well.

Before

image

After

image

- Add w-fit to button group container to prevent full-width expansion
- Remove max-w-1/2 constraint from toggle filters for better label visibility
@vercel
Copy link

vercel bot commented Feb 11, 2026

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

Project Deployment Actions Updated (UTC)
docs.npmx.dev Ready Ready Preview, Comment Feb 11, 2026 5:14pm
npmx.dev Ready Ready Preview, Comment Feb 11, 2026 5:14pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
npmx-lunaria Ignored Ignored Feb 11, 2026 5:14pm

Request Review

@codecov
Copy link

codecov bot commented Feb 11, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Feb 11, 2026

📝 Walkthrough

Walkthrough

This pull request modifies the layout structure of the VersionDistribution.vue component. The changes adjust CSS class constraints on two container elements: the first container has a width-fit constraint added via the w-fit class, whilst the second container has its maximum width constraint removed, allowing it to expand to full width. These are purely visual layout adjustments with no changes to component functionality or data handling.

Possibly related PRs

Suggested labels

front

Suggested reviewers

  • danielroe
  • ghostdevv
🚥 Pre-merge checks | ✅ 1
✅ Passed checks (1 passed)
Check name Status Explanation
Description check ✅ Passed The pull request description clearly relates to the changeset, describing mobile layout fixes for filter display in the Trends UI component with before/after visual evidence.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

No actionable comments were generated in the recent review. 🎉

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.


Comment @coderabbitai help to get the list of available commands and usage tips.

@danielroe danielroe added this pull request to the merge queue Feb 11, 2026
Merged via the queue into npmx-dev:main with commit ffd9c9c Feb 11, 2026
19 checks passed
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