mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

vpat 3: make "-"" btn focusable even if hidden (#4053)

Browse source 
In libraries, notes and tags boxes, do not hide the actual
"-" toolbarbutton, hide the <image> inside of it. Visually,
it looks the same but the button can be focused via tab
without having to expicitly make it visible. It means that
shift-tab from the section header will not skip the "-" button.

Also, make "remove" toolbarbutton from tagsbox focusable like all
others for consistency.
This commit is contained in:
abaevbog 2024-06-05 23:13:26 -05:00 committed by GitHub
parent 70d52277b1
commit 5a45717270
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
chrome/content/zotero/elements/tagsBox.js
View file

@ -189,9 +189,9 @@
if (this.editable) {
var remove = document.createXULElement("toolbarbutton");
remove.setAttribute('value', '-');
remove.setAttribute('class', 'zotero-clicky zotero-clicky-minus');
remove.setAttribute('tabindex', -1);
remove.setAttribute('tabindex', 0);
remove.setAttribute("data-l10n-id", 'section-button-remove');
}
var row = document.createElement("div");

6
scss/elements/_librariesCollectionsBox.scss
View file

@ -44,11 +44,13 @@ libraries-collections-box {
toolbarbutton {
margin-inline-start: auto;
visibility: hidden;
border-radius: 2px;
& > image {
visibility: hidden;
}
}
&:is(:hover, :focus-within) toolbarbutton {
&:is(:hover, :focus-within) toolbarbutton > image {
visibility: visible;
}
}

6
scss/elements/_notesBox.scss
View file

@ -34,10 +34,12 @@ notes-box, related-box {
toolbarbutton {
margin-inline-start: auto;
visibility: hidden;
& > image {
visibility: hidden;
}
}
&:is(:hover, :focus-within) toolbarbutton {
&:is(:hover, :focus-within) toolbarbutton > image{
visibility: visible;
}
}

6
scss/elements/_tagsBox.scss
View file

@ -67,10 +67,12 @@ tags-box {
toolbarbutton {
margin-inline-start: auto;
visibility: hidden;
& > image {
visibility: hidden;
}
}
&:is(:hover, :focus-within) toolbarbutton {
&:is(:hover, :focus-within) toolbarbutton > image {
visibility: visible;
}
}