tests: Fix flexbox grow/shrink factors

* Make sure the `#mocha-report` div grows to fill the available
    vertical space.
  * Prevent the "Loading frontend test specs..." div from shrinking.
This commit is contained in:
Richard Hansen 2021-06-10 13:28:55 -04:00
parent acd11c3948
commit 565b1c5271
2 changed files with 2 additions and 2 deletions

View file

@ -171,7 +171,7 @@ body {
} }
#mocha-report { #mocha-report {
flex: 0 1 auto; flex: 1 1 auto;
overflow: auto; overflow: auto;
margin: 0; margin: 0;
} }

View file

@ -253,7 +253,7 @@ $(() => (async () => {
.css({'display': 'flex', 'flex-direction': 'column', 'height': '100%'}) .css({'display': 'flex', 'flex-direction': 'column', 'height': '100%'})
.append($('<div>').css({flex: '1 0 0'})) .append($('<div>').css({flex: '1 0 0'}))
.append($('<div>') .append($('<div>')
.css({'flex': '0 1 auto', 'font-weight': 'bold'}) .css({'flex': '0 0 auto', 'font-weight': 'bold'})
.text('Loading frontend test specs...')) .text('Loading frontend test specs...'))
.append($log.css({flex: '0 1 auto', overflow: 'auto'})) .append($log.css({flex: '0 1 auto', overflow: 'auto'}))
.append($bar.css({flex: '0 0 auto', width: '100%'})) .append($bar.css({flex: '0 0 auto', width: '100%'}))