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

fusion_plating_shopfloor: stronger card border using color-mix for visibility (v19.0.1.1.1)

Browse Source 
var(--bs-border-color) was nearly invisible against var(--bs-body-bg) in
both light and dark mode. Switched to color-mix(var(--bs-body-color) 20%)
which guarantees visible contrast regardless of theme. Hover darkens to 30%.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-04-12 13:53:54 -04:00
parent ccfae66975
commit 59dfb3335a
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss
View File

@@ -188,17 +188,18 @@
.o_fp_po_card { .o_fp_po_card {
background: var(--bs-body-bg); background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color); border: 1px solid color-mix(in srgb, var(--bs-body-color) 20%, transparent);
border-radius: 8px; border-radius: 8px;
padding: 10px 12px; padding: 10px 12px;
margin-bottom: 8px; margin-bottom: 8px;
cursor: grab; cursor: grab;
box-shadow: 0 1px 3px color-mix(in srgb, var(--bs-body-color) 8%, transparent); box-shadow: 0 1px 4px color-mix(in srgb, var(--bs-body-color) 12%, transparent);
transition: box-shadow 0.15s, transform 0.1s, opacity 0.15s; transition: box-shadow 0.15s, transform 0.1s, opacity 0.15s;
&:hover { &:hover {
box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 14%, transparent); box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 18%, transparent);
transform: translateY(-1px); transform: translateY(-1px);
border-color: color-mix(in srgb, var(--bs-body-color) 30%, transparent);
} }
&:active { &:active {