Cherry-picking commits from main to release/7.82.0 for PR #31555

[runway-github]

• fix(predict): fix scoreboard score cutoff for wide scores cp-7.82.0 (fix(predict): fix scoreboard score cutoff for wide scores cp-7.82.0 #31555)

Description

Fix game clock width on the Predict sport scoreboard to prevent wide
scores (e.g., 123) from being cut off. On devices like iPhone 17 Pro,
the score container had insufficient width, causing scores with 3+
digits to be clipped. The fix adjusts the score display layout to
properly accommodate wider score values.

Changelog

CHANGELOG entry: Fixed a bug causing wide sport scores to be cut off on
the predict scoreboard.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/PRED-960

Manual testing steps

Feature: Predict sport scoreboard

  Scenario: user views a game with a wide score (3+ digits)
    Given the user is on the Predict scoreboard screen
    And a live or completed sport game has a score of 100 or higher (e.g., Knicks 123 vs Spurs 118)

    When user views the scoreboard card
    Then the full score is displayed without being cut off

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor
  Docs and MetaMask Mobile
  Coding
  Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format
  if applicable
• I've applied the right labels on the PR (see labeling
  guidelines).
  Not required for external contributors.

Performance checks (if applicable)

• I've tested on Android
  • Ideally on a mid-range device; emulator is acceptable
• I've tested with a power user scenario
• Use these power-user
  SRPs
  to import wallets with many accounts and tokens
• I've instrumented key operations with Sentry traces for production
  performance metrics
• See trace() for usage and
  addToken
  for an example

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the
  app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described
  in the ticket it closes and includes the necessary testing evidence such
  as recordings and or screenshots.

---

Note

Low Risk
UI-only layout change in Predict scoreboard; scheduled non-compact
cards no longer reserve invisible score slots.

Overview
Updates Predict sport scoreboard score rendering so live and final
games can show wide scores (e.g. 100+) without clipping.

showScores is now tied to isLive || isEnded instead of
hiding scores only in compact scheduled cards. Scheduled games no longer
render score text or the old invisible fixed-width placeholders.

Fixed Tailwind width classes on score Text (w-12 / w-16 /
opacity-0 w-16) are removed; scores keep padding only so they can grow
with digit count and give the center status area more flexible space.

^{Reviewed by Cursor Bugbot for commit
b78a1ea. Bugbot is set up for automated
code reviews on this repo. Configure
here.}

[9db931b](https://github.com/MetaMask/metamask-mobile/commit/9db931b60bb825eba4ab0400debbc667898669d1)

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[github-actions]

🔍 Smart E2E Test Selection

⏭️ Smart E2E selection skipped - PR targets a release or stable branch (release/* or stable)

All E2E tests pre-selected.

View GitHub Actions results