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:
@@ -188,18 +188,18 @@
|
|||||||
|
|
||||||
.o_fp_po_card {
|
.o_fp_po_card {
|
||||||
background: var(--bs-body-bg);
|
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;
|
border-radius: 8px;
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
cursor: grab;
|
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;
|
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) 18%, transparent);
|
box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 16%, transparent);
|
||||||
transform: translateY(-1px);
|
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 {
|
&:active {
|
||||||
|
|||||||
Reference in New Issue
Block a user