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

Add back thick field focus border (#2160)

Browse Source 
* Add back thick field focus border

* Fix duplicate border color
This commit is contained in:
Matthias Metelka 2022-11-02 09:26:26 +01:00 committed by GitHub
parent d44a99885e
commit b384417955
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ts/editor/EditorField.svelte
View File

@ -113,7 +113,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.editor-field {
overflow: hidden;
margin: 0 3px;
margin: 1px 3px 0 3px;
border-radius: 5px;
border: 1px solid var(--border);
@ -121,7 +121,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
@include elevation(1);
&:focus-within {
border-color: var(--border-focus);
/* --focus-color set in NoteEditor.svelte */
outline: 2px solid var(--focus-color);
outline-offset: -1px;
}
}
</style>

4
ts/editor/NoteEditor.svelte
View File

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