QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-20 04:24:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace text-tertiary with text-subdued in views (#999)

Browse Source 
* Replace text-tertiary with text-subdued in views

Replace usages of the text-tertiary utility with text-subdued across several view partials to standardize subdued text styling because text-tertiary does not exist in the design system (reports, doorkeeper auth, simplefin items). Also adjust the net worth empty-liabilities markup to use a grid layout for consistent spacing, and update the related controller test selector to match the new CSS class.

* Standardize empty net worth message markup

Replace inconsistent markup and classes for empty asset/liability sections in the net worth partial. Swap text-secondary/p-2/text-center for text-subdued with unified padding (py-3 px-4 lg:px-6), and simplify the liabilities block from a grid/div to a single paragraph for consistent styling and spacing.
This commit is contained in:
Mark Hendriksen
2026-02-15 23:33:41 +01:00
committed by GitHub
parent ebf89808f5
commit f5469ea774
9 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/views/reports/_budget_performance.html.erb
View File

@@ -3,7 +3,7 @@
<h2 class="text-lg font-medium text-primary">
<%= t("reports.budget_performance.title") %>
</h2>
<p class="text-sm text-tertiary">
<p class="text-sm text-subdued">
<%= start_date.strftime("%B %Y") %>
</p>
</div>
@@ -62,13 +62,13 @@
<div class="flex items-center justify-between text-sm">
<div class="flex items-center gap-4">
<div>
<span class="text-tertiary"><%= t("reports.budget_performance.spent") %>:</span>
<span class="text-subdued"><%= t("reports.budget_performance.spent") %>:</span>
<span class="font-medium text-primary">
<%= Money.new(budget_item[:actual], Current.family.currency).format %>
</span>
</div>
<div>
<span class="text-tertiary"><%= t("reports.budget_performance.budgeted") %>:</span>
<span class="text-subdued"><%= t("reports.budget_performance.budgeted") %>:</span>
<span class="font-medium text-secondary">
<%= Money.new(budget_item[:budgeted], Current.family.currency).format %>
</span>
@@ -77,12 +77,12 @@
<div>
<% if budget_item[:remaining] >= 0 %>
<span class="text-tertiary"><%= t("reports.budget_performance.remaining") %>:</span>
<span class="text-subdued"><%= t("reports.budget_performance.remaining") %>:</span>
<span class="font-medium text-success">
<%= Money.new(budget_item[:remaining], Current.family.currency).format %>
</span>
<% else %>
<span class="text-tertiary"><%= t("reports.budget_performance.over_by") %>:</span>
<span class="text-subdued"><%= t("reports.budget_performance.over_by") %>:</span>
<span class="font-medium text-destructive">
<%= Money.new(budget_item[:remaining].abs, Current.family.currency).format %>
</span>
@@ -95,7 +95,7 @@
<% days_remaining = (start_date.end_of_month - Date.current).to_i + 1 %>
<% if days_remaining > 0 %>
<div class="mt-3 pt-3 border-t border-tertiary">
<p class="text-xs text-tertiary">
<p class="text-xs text-subdued">
<%= t("reports.budget_performance.suggested_daily",
amount: Money.new((budget_item[:remaining] / days_remaining), Current.family.currency).format,
days: days_remaining) %>
@@ -108,8 +108,8 @@
</div>
<% else %>
<div class="text-center py-12">
<%= icon("gauge", class: "w-12 h-12 text-tertiary mx-auto mb-4") %>
<p class="text-tertiary">
<%= icon("gauge", class: "w-12 h-12 text-subdued mx-auto mb-4") %>
<p class="text-subdued">
<%= t("reports.budget_performance.no_budgets") %>
</p>
</div>