87297f8d29
A number of style changes to fix layout for fx115. - Make panes occupy all width/height based on layout. - Display the tag splitter on windows and mac. - Fix to odd fx115 behavior that gives an un-collapsed pane the initial width of min-width * 2. - Ensure that whenever there is a width attribute on contextPane, it will be present in the style as well. - Set width = 0 on zotero pane when it is not selected because it kept preventing the contextPane from properly expanding. - Context pane has its height changed on splitter drag. - Set height of the context pane in stacked mode to 0 to avoid having a blank gap after collapse. - Remove negative margin before the toolbar if the collection tree is collapsed on mac. - Tweaks splitter styles to have mouse target of more than 1px. Added positive z-index to make sure splitters are not covered by panes. Splitter styles are somewhat unified for all platforms. - Fix lookup panel sizing - Quicksearch margin edits to not squize the input field. - Collection and quick search fields layout fixed - Use flex properties to fix layout - fix outline display for editable-text - fix the contextpane width going out of bounds - stacked itemPane is visible after layout change - In stacked view, prevent itemPane from being dragged so high that it covers itemTree and overlaps with toolbar
117 lines
No EOL
2.3 KiB
SCSS
117 lines
No EOL
2.3 KiB
SCSS
.toolbar {
|
|
height: 41px !important; /* Hard-code this to fix toolbar icon compression on Linux */
|
|
min-height: 41px; /* Needed to prevent squashing by stretched tag selector */
|
|
margin: 0;
|
|
padding: 0px 8px 0px 8px;
|
|
min-width: 1px;
|
|
}
|
|
|
|
:root:-moz-locale-dir(rtl) {
|
|
.zotero-tb-button > .toolbarbutton-icon {
|
|
transform: scaleX(-1);
|
|
}
|
|
}
|
|
|
|
.zotero-toolbar {
|
|
-moz-appearance: none;
|
|
@media (-moz-platform: macos) {
|
|
-moz-window-dragging: drag;
|
|
}
|
|
@media not (-moz-platform: macos) {
|
|
-moz-window-dragging: no-drag;
|
|
}
|
|
|
|
@include macOS-inactive-opacity;
|
|
}
|
|
|
|
#zotero-layout-switcher .zotero-toolbar {
|
|
background: var(--material-toolbar);
|
|
border-bottom: var(--material-panedivider);
|
|
}
|
|
|
|
#zotero-collections-toolbar,
|
|
#zotero-items-toolbar,
|
|
#zotero-item-pane-header,
|
|
#zotero-tabs-toolbar {
|
|
toolbarbutton {
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0px 4px 0px 4px;
|
|
|
|
&[type="menu"] {
|
|
min-width: 0;
|
|
width: 40px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#zotero-items-toolbar,
|
|
#zotero-tabs-toolbar {
|
|
toolbarbutton {
|
|
margin: 0px 4px 0px 4px;
|
|
}
|
|
}
|
|
|
|
#zotero-items-toolbar:first-child {
|
|
margin-inline-start: -4px;
|
|
}
|
|
|
|
#zotero-collections-toolbar {
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
#zotero-collections-search {
|
|
max-width: 0;
|
|
transition: max-width 0.2s ease;
|
|
padding: 0;
|
|
padding-inline-end: 6px;
|
|
margin: 0;
|
|
appearance: none;
|
|
height: 28px;
|
|
}
|
|
|
|
#zotero-collections-search.visible {
|
|
max-width: 180px;
|
|
}
|
|
|
|
#zotero-collections-search.expanding {
|
|
padding-inline-end: 35px;
|
|
}
|
|
|
|
/* Hide collection search on pane collapse, otherwise it still shows when focused */
|
|
#zotero-collections-pane[collapsed=true] #zotero-collections-search.visible {
|
|
display: none;
|
|
}
|
|
|
|
/* Hide the add button on pane collapse. Otherwise, it may show on top of 'New Item' */
|
|
#zotero-collections-pane[collapsed=true] #zotero-tb-collection-add {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.zotero-tb-button {
|
|
-moz-user-focus: normal;
|
|
}
|
|
|
|
/* Label in toolbar for dev mode or troubleshooting mode */
|
|
.toolbar-mode-warning {
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
margin: 0 .8em 0 .2em;
|
|
color: red;
|
|
|
|
&.safe-mode {
|
|
color: darkblue;
|
|
@media (prefers-color-scheme: dark) {
|
|
color: lightblue;
|
|
}
|
|
}
|
|
}
|
|
|
|
#zotero-tb-pq-recognize {
|
|
@include svgicon-menu('pdf-search-spinner', 'universal', '20');
|
|
}
|
|
|
|
#zotero-tb-pq-recognize .toolbarbutton-icon {
|
|
width: 18px;
|
|
margin-top: 1px;
|
|
} |