style(plating): add vertical column divider to order summary table
Switch the summary rows from a flex space-between layout to a fixed two-column grid (label | value) so a vertical divider on the label cell's right edge lines up across every row. Values are right-aligned into a clean amount column; the Grand Total footer keeps the divider at the heavier rule weight. 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.2.0',
|
'version': '19.0.23.3.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': """
|
||||||
|
|||||||
@@ -530,19 +530,33 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.o_fp_xpr_total_row {
|
.o_fp_xpr_total_row {
|
||||||
display: flex;
|
display: grid;
|
||||||
justify-content: space-between;
|
grid-template-columns: 1.2fr 1fr; // label | value — fixed split keeps the divider aligned
|
||||||
align-items: center;
|
align-items: stretch;
|
||||||
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
|
border-bottom: 1px solid $xpr-border-table; // horizontal divider per row
|
||||||
|
|
||||||
|
// col 1 — label, carrying the vertical column divider on its right edge
|
||||||
.o_fp_xpr_total_label {
|
.o_fp_xpr_total_label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 8px 14px;
|
||||||
|
border-right: 1px solid $xpr-border-table;
|
||||||
color: $xpr-text-muted;
|
color: $xpr-text-muted;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// col 2 — value, right-aligned so amounts line up in a column
|
||||||
|
> :not(.o_fp_xpr_total_label) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 8px 14px;
|
||||||
|
min-width: 0;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Footer row — emphasised + tinted, closes the table
|
// Footer row — emphasised + tinted, closes the table
|
||||||
@@ -550,11 +564,19 @@
|
|||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
border-top: 2px solid $xpr-border-strong;
|
border-top: 2px solid $xpr-border-strong;
|
||||||
background: $xpr-accent-bg;
|
background: $xpr-accent-bg;
|
||||||
padding: 12px 14px;
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
.o_fp_xpr_total_label { color: $xpr-text; }
|
.o_fp_xpr_total_label {
|
||||||
|
color: $xpr-text;
|
||||||
|
border-right-color: $xpr-border-strong; // divider matches the footer rule weight
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
}
|
||||||
|
> :not(.o_fp_xpr_total_label) {
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.o_fp_xpr_currency_pill {
|
.o_fp_xpr_currency_pill {
|
||||||
|
|||||||
Reference in New Issue
Block a user