ceb1dd7da3
- handle space and enter in zotero pane to always click on toolbarbutton. It ensures consistent behavior across all components to avoid Enter triggering click on some buttons but not others. - address the issue of focus not being able to leave the reader once it gets there. On Escape, when reader is opened, instead of re-focusing the reader, focus the selected tab. From there, Enter will focus the reader, and tabbing allows you to reach the itemPane. - Tab/Shift-tab moves focus between Sync button and itemPane when reader is opened
39 lines
680 B
SCSS
39 lines
680 B
SCSS
pane-header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
padding: 6px 8px 0 8px;
|
|
|
|
.head {
|
|
display: flex;
|
|
align-self: stretch;
|
|
gap: 4px;
|
|
|
|
padding-bottom: 6px;
|
|
border-bottom: 1px solid var(--fill-quinary);
|
|
}
|
|
|
|
.title {
|
|
align-self: center;
|
|
margin-top: calc(0px - var(--editable-text-padding-block));
|
|
padding: 2px 0px 1px 0px;
|
|
flex: 1 1 0;
|
|
font-weight: 600;
|
|
line-height: 1.333;
|
|
|
|
editable-text {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
.menu-button {
|
|
align-self: start;
|
|
}
|
|
|
|
.menu-button toolbarbutton {
|
|
@include svgicon-menu("go-to", "universal", "20");
|
|
--radius-focus-border: 5px;
|
|
--width-focus-border: 2px;
|
|
@include focus-ring;
|
|
}
|
|
}
|