aj/MoneyMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Use dark text on yellow budget progress bars

Browse Source 
Improves readability of percentage text when progress bar
is in warning state (80-99% of budget used).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
AJ Isaacs
2025-12-10 22:59:00 -05:00
parent 3184545270
commit a3ca358e9a
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
MoneyMap/Pages/Budgets.cshtml
View File

@@ -91,8 +91,9 @@
@{ @{
var percent = Math.Min(status.PercentUsed, 100); var percent = Math.Min(status.PercentUsed, 100);
var progressClass = status.StatusClass; var progressClass = status.StatusClass;
var textClass = progressClass == "warning" ? "text-dark" : "";
} }
<div class="progress-bar bg-@progressClass" role="progressbar" <div class="progress-bar bg-@progressClass @textClass" role="progressbar"
style="width: @percent%" style="width: @percent%"
aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100"> aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100">
@status.PercentUsed.ToString("F0")% @status.PercentUsed.ToString("F0")%

3
MoneyMap/Pages/Index.cshtml
View File

@@ -126,8 +126,9 @@
@{ @{
var percent = Math.Min(status.PercentUsed, 100); var percent = Math.Min(status.PercentUsed, 100);
var progressClass = status.StatusClass; var progressClass = status.StatusClass;
var textClass = progressClass == "warning" ? "text-dark" : "";
} }
<div class="progress-bar bg-@progressClass" role="progressbar" <div class="progress-bar bg-@progressClass @textClass" role="progressbar"
style="width: @percent%" style="width: @percent%"
aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100"> aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100">
@status.PercentUsed.ToString("F0")% @status.PercentUsed.ToString("F0")%