zotero/scss/components/_selectItemsDialog.scss
abaevbog 15ccf28fb4
vpat 16: context menu as a drag-drop alternative to change parent item of attachment/note (#4423)
- added "Change Parent Item…" context menu option to
itemTree as a non-drag-drop alternative to changing the
parent of attachments or notes
- context menu option appears only when all selected
items are notes or attachments
- upon activation, a dialog to select the new parent
will appear. Added a tweak to the dialog to disable
the "accept" button if a selected item is not top level
- minor edit to itemTree to set the multiselect property
based on a prop, since we do not want to have multiselect
enabled in this instance
- hide all virtual collections in selectItemsDialog via new
io.hideCollections parameter
- "Convert to Standalone Attachment" button in dialog if
child attachment is selected
2024-10-10 16:56:34 -04:00

96 lines
2.1 KiB
SCSS

#zotero-select-items-dialog {
display: flex;
min-width: 800px;
min-height: 450px;
}
#select-items-dialog {
padding: 0;
appearance: none;
background: var(--material-background);
#collections-items-container {
flex: 1 1 auto;
}
#zotero-select-items-container {
display: flex;
flex-direction: column;
}
#zotero-collections-tree-container {
min-width: 200px;
min-height: 100%;
padding: 16px 0;
background: var(--material-sidepane);
border-inline-end: var(--material-panedivider);
}
#zotero-collections-tree {
background: var(--material-sidepane);
}
#zotero-items-pane-content {
// Please do not become infinitely tall
min-height: 0;
flex: 1;
flex-basis: 0;
}
#search-toolbar, .dialog-button-box {
padding: 16px;
}
#search-toolbar {
display: flex;
flex-direction: row;
justify-content: flex-end;
flex: 0 0 auto;
}
.dialog-button-box {
gap: 8px;
button {
margin: 0;
}
}
#zotero-items-pane-content, .dialog-button-box {
border-top: var(--material-border-quarternary);
}
// Draggable areas:
#zotero-collections-tree-container,
#search-toolbar,
.dialog-button-box {
-moz-window-dragging: drag;
}
// Non-draggable sub-areas:
#zotero-collections-tree-container .windowed-list,
#search-toolbar quick-search-textbox,
.dialog-button-box button {
-moz-window-dragging: no-drag;
}
// Move padding into rows so that draggable collection container does not
// expand all the way past the scrollbar and cause dragging the scrollbar
// to drag the entire window
#zotero-collections-tree-container {
.virtualized-table-body {
padding-inline-end: 0;
.row {
padding-inline-end: 8px;
width: 183px;
}
}
}
}
// richlistbox elements are crazy and will expand beyond the window size
// unless all/most elements in the hierarchy that contain that
// richlistbox have a min-height: 0 set
.contain-richlistbox {
@include contain-richlistbox;
}