Fix duplicate highlight and improve aesthetic (#2102)

This commit is contained in:
Matthias Metelka 2022-10-03 05:16:54 +02:00 committed by GitHub
parent 9b878a2229
commit 62266aece4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 7 deletions

View File

@ -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);
}
}
}

View File

@ -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;
}

View File

@ -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