fx-compat: Make sync / retraction links tabbable

Addresses #2655. Still need to add roles.
This commit is contained in:
Abe Jellinek 2022-07-06 10:53:08 -04:00
parent 137c82c690
commit 0983ffbef2
2 changed files with 21 additions and 18 deletions

View file

@ -918,23 +918,23 @@
</toolbar> </toolbar>
<vbox id="sync-reminder-container" collapsed="true"> <vbox id="sync-reminder-container" collapsed="true">
<div xmlns="http://www.w3.org/1999/xhtml" id="sync-reminder-banner"> <html:div id="sync-reminder-banner">
<div id="sync-reminder-message"/> <html:div id="sync-reminder-message"/>
<a id="sync-reminder-action" class="sync-reminder-link"/> <html:a id="sync-reminder-action" class="sync-reminder-link"/>
<a id="sync-reminder-learn-more" class="sync-reminder-link"/> <html:a id="sync-reminder-learn-more" class="sync-reminder-link"/>
<div id="sync-reminder-spacer"/> <html:div id="sync-reminder-spacer"/>
<a id="sync-reminder-disable" class="sync-reminder-link"/> <html:a id="sync-reminder-disable" class="sync-reminder-link"/>
<a id="sync-reminder-remind" class="sync-reminder-link"/> <html:a id="sync-reminder-remind" class="sync-reminder-link"/>
<div id="sync-reminder-close">×</div> <label is="text-link" id="sync-reminder-close">×</label>
</div> </html:div>
</vbox> </vbox>
<vbox id="retracted-items-container" collapsed="true"> <vbox id="retracted-items-container" collapsed="true">
<div xmlns="http://www.w3.org/1999/xhtml" id="retracted-items-banner"> <html:div id="retracted-items-banner">
<div id="retracted-items-message"/> <html:div id="retracted-items-message"/>
<div id="retracted-items-link"/> <label is="text-link" id="retracted-items-link"/>
<div id="retracted-items-close">×</div> <label is="text-link" id="retracted-items-close">×</label>
</div> </html:div>
</vbox> </vbox>
<popupset id="trees-popupset"> <popupset id="trees-popupset">

View file

@ -672,15 +672,17 @@
flex: 1; flex: 1;
} }
#retracted-items-link, .sync-reminder-link, #retracted-items-close, #sync-reminder-close {
color: inherit;
border: none;
margin: 0;
}
#retracted-items-link { #retracted-items-link {
text-decoration: underline;
margin-left: .3em; margin-left: .3em;
cursor: pointer;
} }
.sync-reminder-link { .sync-reminder-link {
text-decoration: underline;
cursor: pointer;
padding-left: 0.5em; padding-left: 0.5em;
padding-right: 0.5em; padding-right: 0.5em;
} }
@ -694,6 +696,7 @@
} }
#retracted-items-close, #sync-reminder-close { #retracted-items-close, #sync-reminder-close {
text-decoration: none;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
top: -2px; top: -2px;