GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-18 22:12:21 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

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 { .editor-field {
overflow: hidden; overflow: hidden;
margin: 0 3px; margin: 1px 3px 0 3px;
border-radius: 5px; border-radius: 5px;
border: 1px solid var(--border); 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); @include elevation(1);
&:focus-within { &:focus-within {
border-color: var(--border-focus); /* --focus-color set in NoteEditor.svelte */
outline: 2px solid var(--focus-color);
outline-offset: -1px;
} }
} }
</style> </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; $hoveredField = null;
}} }}
collapsed={fieldsCollapsed[index]} collapsed={fieldsCollapsed[index]}
--dupes-color={cols[index] === "dupe" --focus-color={cols[index] === "dupe"
? "var(--accent-danger)" ? "var(--accent-danger)"
: "transparent"} : "var(--border-focus)"}
> >
<svelte:fragment slot="field-label"> <svelte:fragment slot="field-label">
<LabelContainer <LabelContainer