github ZL154/AchievementBadges_for_Jellyfin v1.7.16
v1.7.16 - desktop calendar restored + mobile leaderboard fits

latest releases: v2.4.0, v2.3.1, v2.3.0...
5 months ago

Rollback + mobile fit fix

📅 Desktop calendars restored to the old look

v1.7.15 gave both desktop and mobile the same fixed-size-cell layout. You wanted desktop back to the old full-width scaled look. Done:

  • Desktop (> 640 px) — full-width grid, cells scale to container via aspect-ratio:1, no day/month labels, no scroll chrome. Same as pre-1.7.15.
  • Mobile (≤ 640 px) — keeps the new readable layout: fixed 12 px cells, horizontal scroll, Mon/Wed/Fri labels, month labels, GitHub-style color legend.

Switch is CSS-only via a @media (max-width: 640px) block with !important overrides — no JS branching, no duplicate DOM.

🏆 Leaderboard fits on mobile

Podium + rows were clipping out of the tab container on phones. Root cause: each podium column was capped at max-width: 170px × 3 cols + gaps = ~520 px, wider than most phones. Fixed with a mobile-only rule:

  • Podium: medal 1.4 em, name 0.8 em, val 0.72 em, bar font 0.65 em, tighter padding + gap
  • Drop the 170 px column cap so cols share screen width evenly
  • Row rank gutter shrunk, values shrunk, names truncate with ellipsis

Also — panel cards now have overflow: hidden + min-width: 0 on flex children so nothing else can bleed past the card edge. Panel padding tightened from 1.1 em → 0.75 em on phones so content has max width.


MD5: 0196984881FB01B7C9B61E63112F1EFD

Don't miss a new AchievementBadges_for_Jellyfin release

NewReleases is sending notifications on new releases.