Skip to content

Conversation

@uxdesignerhector
Copy link
Contributor

@uxdesignerhector uxdesignerhector commented Dec 10, 2025

Adds a gap to stack elements in admin dashboard to prevent numbers from other adjacent stack to collapse and appear as one at some positions. It is better explained with images:

Issue:
jellyfin-no-margin-between-numbers

Fix:
jellyfin-gap-between-numbers

Changes

src\apps\dashboard\features\metrics\components\MetricCard.tsx

Issues
Fixes #7352

@uxdesignerhector uxdesignerhector requested a review from a team as a code owner December 10, 2025 18:57
@jellyfin-bot
Copy link
Collaborator

jellyfin-bot commented Dec 10, 2025

Cloudflare Pages deployment

Latest commit 45867c3
Status ✅ Deployed!
Preview URL https://219e8bce.jellyfin-web.pages.dev
Type 🔀 Preview

View build logs

@6Leoo6
Copy link

6Leoo6 commented Dec 10, 2025

LGTM. A simple and obvious fix. Confirmed in both Chromium and Firefox.

@soultaco83
Copy link

Seems to work fine on my end. Keeping proper spacing between the objects without colliding the variables.

@viown
Copy link
Member

viown commented Dec 18, 2025

The gap property isn't supported on Jellyfin Media Player on certain operating systems. Maybe use spacing={1} instead?

@sonarqubecloud
Copy link

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.

Dashboard Series/Episodes and Albums/Songs counts merge at specific widths

5 participants