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

fix(plant-overview): priority stripe clips to card's rounded corners

Browse Source 
The coloured priority stripe (4px vertical bar at the card's left
edge, set via ::before pseudo) extended past the top and bottom
rounded corners of the card — visible as sharp corners on cards with
Urgent or HOT priority (yellow/red stripe).

Cause:
  .o_fp_po_card::before was positioned at left/top/bottom: -1px and
  given its own border-radius, but the stripe's own radii didn't
  match the card's 14px radius precisely, and the -1px offsets
  pushed the stripe outside the card's curves.

Fix:
  1. .o_fp_po_card gets overflow: hidden. Shadows are painted outside
     the content box in CSS so box-shadow still renders fine, but any
     child element (including ::before) now clips to the parent's
     border-radius automatically.
  2. Stripe ::before simplified to left/top/bottom: 0 — no more
     negative offsets, no more independent border-radius rules.
     The parent's overflow does the corner-matching.

Verified in /web/assets/5e85f15/web.assets_backend.min.css:
  .o_fp_po_card { ...; overflow: hidden; ... }
  .o_fp_po_card::before { content: ""; position: absolute;
      left: 0; top: 0; bottom: 0; width: 4px; ... }

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-04-18 20:00:14 -04:00
parent 83271ee69e
commit e52477e2ba
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
fusion_plating/fusion_plating_shopfloor/__manifest__.py
View File

@@ -5,7 +5,7 @@
{ {
'name': 'Fusion Plating — Shop Floor', 'name': 'Fusion Plating — Shop Floor',
'version': '19.0.7.0.0', 'version': '19.0.8.0.0',
'category': 'Manufacturing/Plating', 'category': 'Manufacturing/Plating',
'summary': 'Shop-floor tablet stations, QR scanning, bake window enforcer, ' 'summary': 'Shop-floor tablet stations, QR scanning, bake window enforcer, '
'first-piece inspection gates.', 'first-piece inspection gates.',

11
fusion_plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss
View File

@@ -243,6 +243,10 @@
background-color: $fp-card; background-color: $fp-card;
border: 1px solid #{$fp-border}; border: 1px solid #{$fp-border};
border-radius: $fp-radius-md; border-radius: $fp-radius-md;
// Clip children to the rounded corners — this is what makes the
// priority stripe (inside via ::before) curve with the card.
// Shadows are painted outside the content box so they render fine.
overflow: hidden;
padding: $fp-space-3 $fp-space-4; padding: $fp-space-3 $fp-space-4;
margin-bottom: $fp-space-2; margin-bottom: $fp-space-2;
cursor: grab; cursor: grab;
@@ -271,13 +275,12 @@
box-shadow: $fp-elev-3; box-shadow: $fp-elev-3;
} }
// Priority left bar // Priority left bar — lives inside the card's overflow: hidden
// so it gets clipped to the rounded corners automatically.
&::before { &::before {
content: ""; content: "";
position: absolute; left: -1px; top: -1px; bottom: -1px; position: absolute; left: 0; top: 0; bottom: 0;
width: 4px; width: 4px;
border-top-left-radius: $fp-radius-md;
border-bottom-left-radius: $fp-radius-md;
background-color: transparent; background-color: transparent;
} }
&[data-priority="2"], &.o_fp_po_card_hot { &[data-priority="2"], &.o_fp_po_card_hot {