Skip to content

fix(ui): improve model usage labels with flex-wrap and whitespace-nowrap#11

Merged
edycutjong merged 1 commit intomainfrom
fix/metrics-panel-model-labels
Mar 7, 2026
Merged

fix(ui): improve model usage labels with flex-wrap and whitespace-nowrap#11
edycutjong merged 1 commit intomainfrom
fix/metrics-panel-model-labels

Conversation

@edycutjong
Copy link
Copy Markdown
Owner

Summary

Fixes model usage label rendering in the MetricsPanel Observability sidebar.

Changes

  • Replace overflow-hidden with flex-wrap and justify-between for responsive provider label layout
  • Use whitespace-nowrap on individual labels to prevent mid-word breaks
  • Remove truncate/shrink-0 classes for cleaner rendering
  • Labels now wrap gracefully to next line on smaller panels

Testing

  • Existing test suite (MetricsPanel.test.tsx, 20 tests) passes — styling only change

- Replace overflow-hidden with flex-wrap for responsive label layout
- Use whitespace-nowrap on individual labels to prevent text breaking
- Remove truncate/shrink-0 classes for cleaner rendering
- Labels now wrap to next line gracefully on smaller panels
@edycutjong edycutjong merged commit 70821e5 into main Mar 7, 2026
4 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.

1 participant