Fix progress queue dialog overflow
This commit is contained in:
parent
fbfe4b2dfa
commit
3a7145f4d5
3 changed files with 17 additions and 4 deletions
|
@ -1,6 +1,7 @@
|
||||||
<?xml version="1.0" ?>
|
<?xml version="1.0" ?>
|
||||||
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
|
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
|
||||||
<?xml-stylesheet href="chrome://zotero-platform/content/zotero.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">
|
<!DOCTYPE window SYSTEM "chrome://zotero/locale/zotero.dtd">
|
||||||
|
|
||||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||||
|
@ -11,15 +12,15 @@
|
||||||
style="display: flex;">
|
style="display: flex;">
|
||||||
<script src="include.js"></script>
|
<script src="include.js"></script>
|
||||||
<script src="progressQueueDialog.js"/>
|
<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=""/>
|
<label id="label" control="progress-indicator" value=""/>
|
||||||
<hbox align="center">
|
<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="cancel-button" label="&zotero.general.cancel;"/>
|
||||||
<button id="minimize-button" label="&zotero.general.minimize;"/>
|
<button id="minimize-button" label="&zotero.general.minimize;"/>
|
||||||
<button id="close-button" label="&zotero.general.close;"/>
|
<button id="close-button" label="&zotero.general.close;"/>
|
||||||
</hbox>
|
</hbox>
|
||||||
<hbox class="virtualized-table-container" flex="1" height="200px">
|
<hbox class="virtualized-table-container" flex="1">
|
||||||
<html:div id="tree"/>
|
<html:div id="tree"/>
|
||||||
</hbox>
|
</hbox>
|
||||||
</vbox>
|
</vbox>
|
||||||
|
|
|
@ -83,7 +83,7 @@ Zotero.ProgressQueueDialog = function (progressQueue) {
|
||||||
};
|
};
|
||||||
|
|
||||||
function _onWindowLoaded() {
|
function _onWindowLoaded() {
|
||||||
var rootElement = _progressWindow.document.getElementById('zotero-progress-box');
|
var rootElement = _progressWindow.document.getElementById('progress-queue-root');
|
||||||
Zotero.UIProperties.registerRoot(rootElement);
|
Zotero.UIProperties.registerRoot(rootElement);
|
||||||
|
|
||||||
_progressIndicator = _progressWindow.document.getElementById('progress-indicator');
|
_progressIndicator = _progressWindow.document.getElementById('progress-indicator');
|
||||||
|
|
12
scss/progressQueueDialog.scss
Normal file
12
scss/progressQueueDialog.scss
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
#progress-queue-root {
|
||||||
|
min-height: 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#progress-indicator {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.virtualized-table-container {
|
||||||
|
height: 200px;
|
||||||
|
}
|
Loading…
Reference in a new issue