fx115: fix main window element layout

This commit is contained in:
windingwind 2024-03-03 18:28:30 +08:00 committed by Dan Stillman
parent bda096a26f
commit a110e86cff
11 changed files with 46 additions and 107 deletions

View file

@ -2,13 +2,9 @@
min-width: $min-width-collections-pane + $min-width-items-pane;
}
#tabs-deck:not([selectedIndex="0"]) #zotero-pane {
width: 0; /* Prevent the main pane from stretching the deck of the reader */
}
#zotero-context-pane {
display: flex;
min-width: $min-width-context-pane;
min-width: $min-width-context-pane + $width-sidenav;
.divider {
border-bottom: 1px solid var(--fill-quinary);
@ -37,13 +33,18 @@
}
#zotero-context-pane-inner {
background: var(--material-background);
font: message-box;
font-size: inherit;
min-height: 100px;
min-width: $min-width-context-pane;
min-height: $min-width-context-pane;
height: 0;
pointer-events: auto;
background: var(--material-sidepane)
background: var(--material-sidepane);
flex-direction: column;
&[collapsed=true] {
height: 0 !important;
}
}
.zotero-context-panes-deck {
@ -59,24 +60,17 @@
height: 100%;
}
#zotero-context-pane-inner {
height: 0;
}
#zotero-item-toolbar {
height: 32px;
}
.zotero-context-notes-list {
background-color: var(--material-sidepane);
}
.zotero-context-note-container {
background-color: var(--material-background);
background-color: var(--material-sidepane);
}
.zotero-context-pane-editor-parent-line {
height: 40px;
background: var(--material-toolbar);
& .parent-title-container {
display: flex;
@ -113,9 +107,3 @@
#zotero-context-pane-inner[collapsed=true] .zotero-view-item > tabpanel > * {
overflow: unset !important;
}
// fx115 - stop width or height from being set by dragging the splitter
.zotero-view-item-sidenav {
width: auto !important;
height: auto !important;
}

View file

@ -7,6 +7,11 @@
min-height: 300px;
}
#zotero-pane {
min-width: 0;
min-height: 0;
}
#zotero-pane-stack > hbox {
// Let window chrome, tabs, and toolbar shrink even when sidebars overflow
min-width: 0;