fusion_plating_shopfloor: opaque card border via color-mix against body-bg (v19.0.1.1.2)

Mixing body-color into transparent produced a nearly-invisible border at
1px. Now mixing 22% body-color into body-bg creates an opaque border
that is guaranteed visible in both themes (~#d0d0d0 light, ~#3a3d41 dark).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-04-12 13:59:20 -04:00
parent 59dfb3335a
commit 1159864eb6

View File

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