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:
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
{
|
{
|
||||||
'name': 'Fusion Plating — Configurator',
|
'name': 'Fusion Plating — Configurator',
|
||||||
'version': '19.0.23.1.0',
|
'version': '19.0.23.2.0',
|
||||||
'category': 'Manufacturing/Plating',
|
'category': 'Manufacturing/Plating',
|
||||||
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
|
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
|
||||||
'description': """
|
'description': """
|
||||||
|
|||||||
@@ -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 {
|
.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 {
|
.o_fp_xpr_total_row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 6px 0;
|
gap: 12px;
|
||||||
|
padding: 8px 14px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: $xpr-text;
|
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 {
|
.o_fp_xpr_total_row.o_fp_xpr_grand {
|
||||||
border-top: 2px solid $xpr-text;
|
border-bottom: 0;
|
||||||
margin-top: 8px;
|
border-top: 2px solid $xpr-border-strong;
|
||||||
padding-top: 12px;
|
background: $xpr-accent-bg;
|
||||||
|
padding: 12px 14px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
|
|||||||
@@ -346,6 +346,7 @@
|
|||||||
|
|
||||||
<div class="o_fp_xpr_footer_right">
|
<div class="o_fp_xpr_footer_right">
|
||||||
<div class="o_fp_xpr_card o_fp_xpr_totals">
|
<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">
|
<div class="o_fp_xpr_total_row">
|
||||||
<span class="o_fp_xpr_total_label">Subtotal</span>
|
<span class="o_fp_xpr_total_label">Subtotal</span>
|
||||||
<field name="total_subtotal"
|
<field name="total_subtotal"
|
||||||
|
|||||||
Reference in New Issue
Block a user