Skip to content

fix: prevent PR status chart text overflow at lg breakpoint#144

Open
jamesrayammons wants to merge 7 commits intoentrius:testfrom
jamesrayammons:fix/dashboard-pr-status-chart-overflow
Open

fix: prevent PR status chart text overflow at lg breakpoint#144
jamesrayammons wants to merge 7 commits intoentrius:testfrom
jamesrayammons:fix/dashboard-pr-status-chart-overflow

Conversation

@jamesrayammons
Copy link
Copy Markdown

Add minWidth: 0 to flex containers and noWrap to stat text in the dashboard ACTIVE/UNRANKED section to prevent MERGED, OPEN, CLOSED labels and values from overflowing the card boundary.

Summary

Fix text overflow in the PR Status Chart (ACTIVE/UNRANKED section) on the Dashboard at the lg breakpoint (~1280px). The MERGED, OPEN, CLOSED labels and values on the UNRANKED side were spilling past the card's right edge due to flex items defaulting to min-width: auto.

Related Issues

Fixes #138

Type of Change

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Other (describe below)

Screenshots

Before After
Screenshot 2026-04-10 131447 Screenshot 2026-04-10 133241

Checklist

  • New components are modularized/separated where sensible
  • Uses predefined theme (e.g. no hardcoded colors)
  • Responsive/mobile checked
  • Tested against the test API
  • npm run format and npm run lint:fix have been run
  • npm run build passes
  • Screenshots included for any UI/visual changes

eureka0928 and others added 7 commits April 10, 2026 11:45
…igible

- Dashboard models: remove tier, currentTier, qualifiedUniqueReposCount,
  rawCredibility, credibilityScalar, repositoryUniquenessMultiplier,
  all bronze/silver/gold tier stats fields
- Add isEligible and credibility to MinerEvaluation
- Delete Predictions model and API
- Remove TierConfig from Configurations model and API
- Update leaderboard MinerStats type
Strip Bronze/Silver/Gold tier system across 51 files (~4950 lines removed).
Replace with flat isEligible boolean, update dynamic PR threshold from 500
to 300, revamp onboard Getting Started with 7-step inline setup guide
matching docs, remove Roadmap and FAQ tabs from onboard page.
🤖 Automated formatting by GitHub Actions
…ting

Replace dangerouslySetInnerHTML with ReactMarkdown + rehypeRaw for safe
rendering of GitHub-provided HTML in issue bodies and PR conversations.
Add missing CSS for lists, paragraphs, tables, and other elements that
MUI CssBaseline resets.

- Use ReactMarkdown with remarkGfm and rehypeRaw (same as ReadmeViewer)
- Add styles for ul/ol, li, p, table, hr, task checkboxes
- Fix pre/code nesting so inline code inside blocks renders correctly
- Left-align conversation panels to match GitHub layout
- Fix fallback text rendering (HTML em instead of markdown asterisks)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Add minWidth: 0 to flex containers and noWrap to stat text
in the dashboard ACTIVE/UNRANKED section to prevent MERGED,
OPEN, CLOSED labels and values from overflowing the card boundary.

Fixes entrius#138
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 PR Status Chart text overflows card at lg breakpoint

3 participants