249c5b8d12
"Note format" section in "Export" tab is technically a table and is announced as such by screen readers, which is misleading. It also opens a menulist when a checkbox is clicked, which is not an expected behavior and can shift focus. This refactors the "Note format" section to be a vbox container with <checkbox>es and labels, which is more correct semantically and does not confuse screen readers. In addition, when a chekbox is clicked, dispatch a "change" event instead of unnecessarily open up a menu.
37 lines
644 B
SCSS
37 lines
644 B
SCSS
#zotero-prefpane-export separator:not(.thin)
|
|
{
|
|
height: 1em;
|
|
}
|
|
|
|
#quickCopy-instructions, #quickCopy-citationInstructions {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#zotero-prefpane-export .virtualized-table-container {
|
|
height: 120px;
|
|
}
|
|
|
|
#zotero-quickCopy-format
|
|
{
|
|
min-height: 1.5em; /* Fix collapse on Windows */
|
|
}
|
|
|
|
#noteQuickCopy-wrapper {
|
|
margin-left: 30px;
|
|
@media (-moz-platform: windows) {
|
|
margin-left: 45px;
|
|
}
|
|
@media (-moz-platform: linux) {
|
|
margin-left: 25px;
|
|
}
|
|
}
|
|
|
|
#noteQuickCopy-markdown-options > label,
|
|
#noteQuickCopy-html-options > label{
|
|
margin-inline-end: 8px;
|
|
}
|
|
|
|
#noteQuickCopy-format-options hbox {
|
|
justify-content: end;
|
|
width: 100%;
|
|
}
|