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 {
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user