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

Minimize reflow upon clicking tag

Browse Source
This commit is contained in:
Henrik Giesel 2021-06-26 02:13:20 +02:00
parent 7696895a8e
commit 227c41b525
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ts/editor/TagEditor.svelte
View File

@ -85,6 +85,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
async function moveToNextTag(index: number): Promise<void> {
if (index === tags.length - 1 || tags.length === 1) {
focusNewInput();
return;
}
tags[index].active = false;

6
ts/editor/TagInput.svelte
View File

@ -149,6 +149,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
width: auto;
grid-area: 1 / 1;
font: inherit;
/* TODO we need something like --base-font-size for buttons' 13px */
font-size: 13px;
outline: none;
border: none;
margin: 0;
@ -157,8 +159,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
}
&::after {
/* 8 spaces to minimize reflow on clicking tag */
content: attr(data-value) " ";
/* 7 spaces to minimize reflow on clicking tag */
content: attr(data-value) " ";
visibility: hidden;
white-space: pre-wrap;
position: relative;