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 ability to tab to DuplicateLink (#2646)

Browse source 
* Add ability to tab to DuplicateLink

The change that allows the DuplicateLink to be tabbed to is the removal of the `tabindex`. The other changes are to make the link only appear as wide as the text, otherwise the tab outline appears around the whole `<span>`, which makes it look weird.

* Fix formatting after attribute removal
This commit is contained in:
Michael Winkworth 2023-09-09 00:03:04 +01:00 committed by GitHub
parent 14de8451dc
commit 42ac46fa28
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CONTRIBUTORS
View file

@ -136,6 +136,7 @@ Marko Juhanne <github.com/mjuhanne>
Gabriel Heinatz <anorot@gmail.com> Gabriel Heinatz <anorot@gmail.com>
Monty Evans <montyevans@gmail.com> Monty Evans <montyevans@gmail.com>
Nil Admirari <https://github.com/nihil-admirari> Nil Admirari <https://github.com/nihil-admirari>
Michael Winkworth <github.com/SteelColossus>
******************** ********************

16
ts/editor/DuplicateLink.svelte
View file

@ -7,19 +7,19 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import * as tr from "@tslib/ftl"; import * as tr from "@tslib/ftl";
</script> </script>
<a <span class="duplicate-link-container">
class="duplicate-link" <a class="duplicate-link" href="/#" on:click={() => bridgeCommand("dupes")}>
href="/#"
tabindex="-1"
on:click={() => bridgeCommand("dupes")}
>
{tr.editingShowDuplicates()} {tr.editingShowDuplicates()}
</a> </a>
</span>
<style lang="scss"> <style lang="scss">
.duplicate-link { .duplicate-link-container {
color: var(--highlight-color);
text-align: center; text-align: center;
flex-grow: 1; flex-grow: 1;
} }
.duplicate-link {
color: var(--highlight-color);
}
</style> </style>