admin/Odoo-Modules
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(configurator): tighten header spacing — remove row-span, smaller gaps

Browse Source 
User reported too much vertical air between fields. Two changes:

1. Removed grid-row: span 2 from the PO block. The row-span pattern
   stretched each grid row to half the PO block's height (~125px each),
   leaving empty space below Customer Job # / Job Sorting on row 2 and
   below Material/Lead Time on row 3.

   New layout:
   - Row 1: Customer (1-2) + Delivery Address (3-4)
   - Row 2: PO Block (1-2, naturally tall) + Customer Job # + Job Sorting
   - Row 3: Material/Process + Lead Time + Payment Terms + Delivery Method
   - Row 4: Pricelist + Quote Validity + Blanket SO + Invoice Strategy
   - Row 5 (conditional): Deposit % or Progress % (when invoice strategy uses them)

   PO block forces row 2 to be tall but cols 3-4 just sit at top — that
   was the original mockup pattern, and it's denser overall because
   rows 3+ are all the standard short height.

2. Tightened spacing in SCSS:
   - Grid row gap 14px → 6px
   - Cell label margin 0 (was 2px)
   - Input padding 5px → 2px vertical, min-height 30px → 24px
   - PO block padding 10px → 6/12/8px
   - PO row gap 2px padding → 0 (min-height 28px keeps clickable target)
   - PO chase text 11px → 10px, tighter line-height
This commit is contained in:
gsinghpal
2026-05-27 00:34:46 -04:00
parent 2b8d99f69d
commit b7f280141f
2 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
fusion_plating/fusion_plating_configurator/static/src/scss/express_order.scss
View File

@@ -22,27 +22,28 @@
.o_fp_xpr_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px 24px;
gap: 6px 20px; // tighter row gap (was 14px) — denser vertical packing
align-items: start;
margin: 16px 0;
margin: 12px 0;
}
// Each grid cell — label on top, field below
.o_fp_xpr_cell {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0; // allow Many2One to shrink within grid track
cursor: text; // hint that clicking the cell focuses the input
gap: 0;
min-width: 0;
cursor: text;
> label {
font-size: 11px;
font-size: 10px;
color: $xpr-text-muted;
text-transform: uppercase;
letter-spacing: 0.3px;
font-weight: 500;
margin-bottom: 0;
cursor: pointer; // label is explicitly clickable to focus input
line-height: 1.4;
cursor: pointer;
}
// The actual field input — kill Odoo's default block-level chrome.
@@ -75,12 +76,12 @@
border: none;
border-bottom: 1px solid $xpr-border-strong;
background: transparent;
padding: 5px 4px;
padding: 2px 4px;
border-radius: 0;
font-size: 14px;
font-size: 13px;
color: $xpr-text;
width: 100%;
min-height: 30px;
min-height: 24px;
box-sizing: border-box;
cursor: text;
@@ -192,8 +193,8 @@
border: 1px solid lighten(#d8b4d4, 5%);
border-left: 4px solid $xpr-accent;
border-radius: 4px;
padding: 10px 14px;
gap: 6px;
padding: 6px 12px 8px;
gap: 2px;
.o_fp_xpr_po_head {
color: $xpr-accent;
@@ -201,14 +202,15 @@
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 6px;
margin-bottom: 2px;
}
.o_fp_xpr_po_row {
display: grid;
grid-template-columns: 110px 1fr;
grid-template-columns: 100px 1fr;
align-items: center;
gap: 8px;
padding: 2px 0;
padding: 0;
min-height: 28px;
> label {
font-size: 12px;
@@ -264,11 +266,12 @@
}
.o_fp_xpr_po_chase {
color: $xpr-bake-text;
font-size: 11px;
font-size: 10px;
font-style: italic;
margin-top: 4px;
padding: 4px 0 0;
margin-top: 2px;
padding: 2px 0 0;
border-top: 1px dashed $xpr-bake-border;
line-height: 1.3;
}
}