Fix duplicate highlight and improve aesthetic (#2102)
This commit is contained in:
parent
9b878a2229
commit
62266aece4
@ -199,7 +199,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 2px 1px var(--shadow);
|
||||
box-shadow: 0 0 0 3px var(--dupes-color), 0 0 2px 1px var(--shadow);
|
||||
transition: box-shadow 80ms cubic-bezier(0.33, 1, 0.68, 1);
|
||||
}
|
||||
|
||||
@ -208,7 +208,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
||||
&::after {
|
||||
border: none;
|
||||
inset: 1px;
|
||||
box-shadow: 0 0 0 2px var(--border-focus);
|
||||
box-shadow: 0 0 0 3px var(--dupes-color), 0 0 0 2px var(--border-focus);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -44,8 +44,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
|
||||
background: var(--label-color);
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -422,9 +422,9 @@ the AddCards dialog) should be implemented in the user of this component.
|
||||
$hoveredField = null;
|
||||
}}
|
||||
collapsed={fieldsCollapsed[index]}
|
||||
--label-color={cols[index] === "dupe"
|
||||
? "palette-of(flag-1)"
|
||||
: "palette-of(canvas)"}
|
||||
--dupes-color={cols[index] === "dupe"
|
||||
? "var(--accent-danger)"
|
||||
: "transparent"}
|
||||
>
|
||||
<svelte:fragment slot="field-label">
|
||||
<LabelContainer
|
||||
|
Loading…
Reference in New Issue
Block a user