Fix progress queue dialog overflow

This commit is contained in:
Abe Jellinek 2024-04-24 12:55:11 -04:00 committed by Dan Stillman
parent fbfe4b2dfa
commit 3a7145f4d5
3 changed files with 17 additions and 4 deletions

View file

@ -1,6 +1,7 @@
<?xml version="1.0" ?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://zotero-platform/content/zotero.css"?>
<?xml-stylesheet href="chrome://zotero/skin/progressQueueDialog.css"?>
<!DOCTYPE window SYSTEM "chrome://zotero/locale/zotero.dtd">
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
@ -11,15 +12,15 @@
style="display: flex;">
<script src="include.js"></script>
<script src="progressQueueDialog.js"/>
<vbox id="zotero-progress-box" style="padding:10px" flex="1">
<vbox id="progress-queue-root" flex="1">
<label id="label" control="progress-indicator" value=""/>
<hbox align="center">
<html:progress id="progress-indicator" max="100" style="flex: 1;"/>
<html:progress id="progress-indicator" max="100"/>
<button id="cancel-button" label="&zotero.general.cancel;"/>
<button id="minimize-button" label="&zotero.general.minimize;"/>
<button id="close-button" label="&zotero.general.close;"/>
</hbox>
<hbox class="virtualized-table-container" flex="1" height="200px">
<hbox class="virtualized-table-container" flex="1">
<html:div id="tree"/>
</hbox>
</vbox>

View file

@ -83,7 +83,7 @@ Zotero.ProgressQueueDialog = function (progressQueue) {
};
function _onWindowLoaded() {
var rootElement = _progressWindow.document.getElementById('zotero-progress-box');
var rootElement = _progressWindow.document.getElementById('progress-queue-root');
Zotero.UIProperties.registerRoot(rootElement);
_progressIndicator = _progressWindow.document.getElementById('progress-indicator');

View file

@ -0,0 +1,12 @@
#progress-queue-root {
min-height: 0;
padding: 10px;
}
#progress-indicator {
flex: 1;
}
.virtualized-table-container {
height: 200px;
}