diff options
| author | Martin Haug <mhaug@live.de> | 2021-03-29 14:56:42 +0200 |
|---|---|---|
| committer | Martin Haug <mhaug@live.de> | 2021-03-29 14:56:42 +0200 |
| commit | 318eb9021edc493f5181247dbb7963de34126688 (patch) | |
| tree | f0b0653f3c14dbdabc44081f9bf2dd1762fd34df | |
| parent | 9c040a9d2b6aa0400df868c8a8581a9e168b9d14 (diff) | |
Side by side testing 👣
| -rw-r--r-- | tools/test-helper/extension.js | 27 |
1 files changed, 21 insertions, 6 deletions
diff --git a/tools/test-helper/extension.js b/tools/test-helper/extension.js index ad157bcb..985112f0 100644 --- a/tools/test-helper/extension.js +++ b/tools/test-helper/extension.js @@ -98,7 +98,6 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) { } img { width: 80%; - max-height: 40vh; object-fit: contain; } pre { @@ -107,14 +106,30 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) { text-align: left; width: 80%; } + .flex { + display: flex; + flex-wrap: wrap; + } + + .flex > * { + flex-grow: 1; + flex-shrink: 0; + max-width: 100%; + } </style> </head> <body> - <h1>Output image</h1> - <img src="${pngSrc}"/> - - <h1>Reference image</h1> - <img src="${refSrc}"/> + <div class="flex"> + <div> + <h1>Output</h1> + <img src="${pngSrc}"/> + </div> + + <div> + <h1>Reference</h1> + <img src="${refSrc}"/> + </div> + </div> <h1>Standard output</h1> <pre>${stdout}</pre> |