Scaffold: Fix richlistbox misalignment

This commit is contained in:
Abe Jellinek 2024-10-08 14:53:30 -04:00
parent 9d9d98b907
commit 1caeb1ef08
3 changed files with 5 additions and 3 deletions

View file

@ -1754,10 +1754,11 @@ var Scaffold = new function () {
* populate tests pane and url options in browser pane
*/
this.populateTests = function () {
function wrapWithHBox(elem, { flex = undefined, width = undefined } = {}) {
function wrapWithHBox(elem, { flex, pack, width } = {}) {
let hbox = document.createXULElement('hbox');
hbox.append(elem);
if (flex !== undefined) hbox.setAttribute('flex', flex);
if (pack !== undefined) hbox.setAttribute('pack', pack);
if (width !== undefined) hbox.style.width = width + 'px';
return hbox;
}
@ -1808,7 +1809,7 @@ var Scaffold = new function () {
let defer = document.createXULElement('checkbox');
defer.checked = test.defer;
defer.disabled = true;
item.appendChild(wrapWithHBox(defer, { width: 30 }));
item.appendChild(wrapWithHBox(defer, { pack: 'center', width: 75 }));
item.dataset.testString = testString;
item.dataset.testType = test.type;

View file

@ -481,7 +481,7 @@
<listheader>
<treecol label="&scaffold.testing.input.label;" flex="1"/>
<treecol label="&scaffold.testing.status.label;" width="150"/>
<treecol label="&scaffold.testing.defer.label;"/>
<treecol label="&scaffold.testing.defer.label;" width="75"/>
</listheader>
<richlistbox
id="testing-listbox"

View file

@ -162,6 +162,7 @@ browser,
margin-block: 0;
richlistitem {
padding: 0;
align-items: center;
}
}