style(plating): express order summary as a bordered table

Restyle the Order Summary card into a clean bordered table — a tinted
"Order Summary" caption bar, a divider line under every row, and an
accent-tinted Grand Total footer with a strong top rule. Uses the
existing light/dark express tokens so it renders correctly in both
colour schemes.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-05-29 22:49:11 -04:00
parent 028814b292
commit aac95ee16b
3 changed files with 33 additions and 7 deletions

View File

@@ -5,7 +5,7 @@
{
'name': 'Fusion Plating — Configurator',
'version': '19.0.23.1.0',
'version': '19.0.23.2.0',
'category': 'Manufacturing/Plating',
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
'description': """

View File

@@ -510,22 +510,47 @@
}
}
// Totals card
// Totals card — rendered as a clean bordered "summary table"
.o_fp_xpr_card.o_fp_xpr_totals {
padding: 0; // rows carry their own padding
overflow: hidden; // clip header/footer fills to the radius
border-color: $xpr-border-strong;
}
.o_fp_xpr_totals {
// Caption bar so the block reads as a titled table
.o_fp_xpr_totals_head {
background: $xpr-table-head;
border-bottom: 1px solid $xpr-border-strong;
padding: 8px 14px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4px;
color: $xpr-text-muted;
}
.o_fp_xpr_total_row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
gap: 12px;
padding: 8px 14px;
font-size: 13px;
color: $xpr-text;
border-bottom: 1px solid $xpr-border-table; // divider line per row
.o_fp_xpr_total_label { color: $xpr-text-muted; }
.o_fp_xpr_total_label {
color: $xpr-text-muted;
font-weight: 500;
}
}
// Footer row — emphasised + tinted, closes the table
.o_fp_xpr_total_row.o_fp_xpr_grand {
border-top: 2px solid $xpr-text;
margin-top: 8px;
padding-top: 12px;
border-bottom: 0;
border-top: 2px solid $xpr-border-strong;
background: $xpr-accent-bg;
padding: 12px 14px;
font-size: 18px;
font-weight: 700;

View File

@@ -346,6 +346,7 @@
<div class="o_fp_xpr_footer_right">
<div class="o_fp_xpr_card o_fp_xpr_totals">
<div class="o_fp_xpr_totals_head">Order Summary</div>
<div class="o_fp_xpr_total_row">
<span class="o_fp_xpr_total_label">Subtotal</span>
<field name="total_subtotal"