langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix duplicate highlight and improve aesthetic (#2102)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ts/editor/EditingArea.svelte
View File

@ -199,7 +199,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
inset: 0; inset: 0;
pointer-events: none; pointer-events: none;
border-radius: 5px; 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); 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 { &::after {
border: none; border: none;
inset: 1px; 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);
} }
} }
} }

2
ts/editor/LabelContainer.svelte
View File

@ -44,8 +44,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
top: 0; top: 0;
z-index: 10; z-index: 10;
background: var(--label-color);
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }

6
ts/editor/NoteEditor.svelte
View File

@ -422,9 +422,9 @@ the AddCards dialog) should be implemented in the user of this component.
$hoveredField = null; $hoveredField = null;
}} }}
collapsed={fieldsCollapsed[index]} collapsed={fieldsCollapsed[index]}
--label-color={cols[index] === "dupe" --dupes-color={cols[index] === "dupe"
? "palette-of(flag-1)" ? "var(--accent-danger)"
: "palette-of(canvas)"} : "transparent"}
> >
<svelte:fragment slot="field-label"> <svelte:fragment slot="field-label">
<LabelContainer <LabelContainer