Add ability to tab to DuplicateLink (#2646)

* 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

View file

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

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";
</script>
<a
class="duplicate-link"
href="/#"
tabindex="-1"
on:click={() => bridgeCommand("dupes")}
>
<span class="duplicate-link-container">
<a class="duplicate-link" href="/#" on:click={() => bridgeCommand("dupes")}>
{tr.editingShowDuplicates()}
</a>
</span>
<style lang="scss">
.duplicate-link {
color: var(--highlight-color);
.duplicate-link-container {
text-align: center;
flex-grow: 1;
}
.duplicate-link {
color: var(--highlight-color);
}
</style>