Last Rendered: Fix overflow of tall images in global last-rendered
Fixes T99458
This commit is contained in:
parent
18a3703bd1
commit
71f8791e4a
@ -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);
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user