drsybren/Flamenco
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Last Rendered: Fix overflow of tall images in global last-rendered

Browse Source 
Fixes T99458
This commit is contained in:
Pablo Vazquez 2022-07-22 15:41:22 +02:00
parent 18a3703bd1
commit 71f8791e4a
2 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/app/src/assets/base.css
View File

@ -578,23 +578,6 @@ span.state-transition-arrow.lazy {
color: var(--color-text-muted);
}
.global-last-rendered {
align-items: center;
display: flex;
grid-column-end: col-3;
grid-column-start: col-1;
justify-content: center;
/* FIXME: the positioning of the image & sizing of the container DIV doesn't
work well yet. */
height: 100%;
}
.global-last-rendered .last-rendered {
max-height: 100%;
max-width: 100%;
}
.preview-container {
align-items: center;
background-color: var(--color-background);

17
web/app/src/views/LastRenderedView.vue
View File

@ -44,3 +44,20 @@ export default {
},
}
</script>
<style scoped>
.global-last-rendered {
align-items: center;
display: flex;
grid-column-end: col-3;
grid-column-start: col-1;
justify-content: center;
height: calc(100vh - calc(var(--header-height) - var(--footer-height) - calc(var(--grid-gap) * -12)));
max-height: 100%;
}
.global-last-rendered .last-rendered {
max-height: 100%;
max-width: 100%;
}
</style>