mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Tweak spacing in select items dialog

Browse source
This commit is contained in:
Tom Najdek 2024-01-12 14:03:30 +01:00 • committed by Dan Stillman
parent 0734808774
commit f0de6d0d57
3 changed files with 77 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

28
chrome/content/zotero/selectItemsDialog.xhtml
View file

@ -43,38 +43,32 @@
persist="screenX screenY width height" persist="screenX screenY width height"
style="display: flex" style="display: flex"
> >
<dialog <dialog
id="select-items-dialog"
orient="vertical" orient="vertical"
buttons="cancel,accept" buttons="cancel,accept"
style="padding: 2em" >
> <script>
<script>
var {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm"); var {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
Services.scriptloader.loadSubScript("chrome://zotero/content/include.js", this); Services.scriptloader.loadSubScript("chrome://zotero/content/include.js", this);
Services.scriptloader.loadSubScript("chrome://zotero/content/selectItemsDialog.js", this); Services.scriptloader.loadSubScript("chrome://zotero/content/selectItemsDialog.js", this);
// Custom elements // Custom elements
Services.scriptloader.loadSubScript("chrome://zotero/content/customElements.js", this); Services.scriptloader.loadSubScript("chrome://zotero/content/customElements.js", this);
</script> </script>
<vbox id="zotero-select-items-container" flex="1"> <vbox id="zotero-select-items-container" flex="1">
<hbox id="search-toolbar">
<hbox align="center" pack="end">
<quick-search-textbox id="zotero-tb-search" timeout="250" oncommand="onSearch()" dir="reverse"/> <quick-search-textbox id="zotero-tb-search" timeout="250" oncommand="onSearch()" dir="reverse"/>
</hbox> </hbox>
<hbox id="collections-items-container">
<hbox flex="1"> <vbox id="zotero-collections-tree-container" class="virtualized-table-container">
<vbox id="zotero-collections-tree-container" class="virtualized-table-container" style="min-width: 200px">
<html:div id="zotero-collections-tree"></html:div> <html:div id="zotero-collections-tree"></html:div>
</vbox> </vbox>
<hbox id="zotero-items-pane-content" class="virtualized-table-container" flex="1"> <hbox id="zotero-items-pane-content" class="virtualized-table-container" flex="1">
<html:div id="zotero-items-tree"></html:div> <html:div id="zotero-items-tree"></html:div>
</hbox> </hbox>
</hbox> </hbox>
</vbox>
</vbox> </dialog>
</dialog>
</window> </window>

1
scss/_zotero.scss
View file

@ -41,6 +41,7 @@
@import "components/publications-dialog"; @import "components/publications-dialog";
@import "components/rtfScan.scss"; @import "components/rtfScan.scss";
@import "components/search"; @import "components/search";
@import "components/selectItemsDialog";
@import "components/spinner"; @import "components/spinner";
@import "components/syncButtonTooltip"; @import "components/syncButtonTooltip";
@import "components/tabBar"; @import "components/tabBar";

28
scss/components/_selectItemsDialog.scss Normal file
View file

@ -0,0 +1,28 @@
#select-items-dialog {
padding: 2em;
#zotero-select-items-container {
display: flex;
flex-direction: column;
gap: 8px;
}
#zotero-collections-tree-container {
min-width: 200px;
}
#search-toolbar {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
#search-toolbar {
flex: 0 0 auto;
}
#collections-items-container {
flex: 1 1 auto;
margin-bottom: 8px;
}
}