Skip to content

Highlight the current usage when it exceeds the limit - #6

Merged
davidvanleeuwen merged 1 commit into
mainfrom
fix/usage-bar-overage-label
Oct 14, 2026
Merged

davidvanleeuwen merged 1 commit into
mainfrom
fix/usage-bar-overage-label

Conversation

@bluebird42

@bluebird42 bluebird42 commented Oct 12, 2026 •

Copy link
Copy Markdown
Contributor

When usage exceeds a limit, usage_bar already draws the part above the limit as a red segment, but the current value next to it stays in the same light grey as normal usage. At a glance, "1.29 TB" of "1 TB" looked like any other reading. The current value now turns red whenever usage is above the limit, so the overage is visible in both the bar and the numbers.

The storybook gains an "Over limit (129%)" example next to the existing usage levels.

Storybook, at and over the limit:

Usage bar at and over the limit

Validation:

  • Extended the usage bar component tests: the label is red above the limit and unchanged below it.
  • mix compile --warnings-as-errors, mix format --check-formatted and Credo passed.
  • Checked the new storybook example in the development stack.

No migration or configuration change is needed.

The usage bar already drew usage above the limit as a red segment; the
current value now turns red as well. Add an over-limit storybook example.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@davidvanleeuwen

Copy link
Copy Markdown
Member

Love it, thanks!

@davidvanleeuwen
davidvanleeuwen merged commit e06c256 into main Oct 14, 2026
3 checks passed
@davidvanleeuwen
davidvanleeuwen deleted the fix/usage-bar-overage-label branch October 14, 2026 08:14
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.

2 participants