fix: stop flexbox squeezing the mobile template viewer

The 1.4.0 mobile fix set height:50vh on the template content box, but
the mobile modal content is a flex column and the box (default
flex-shrink:1) was squeezed back down to ~2 lines by its siblings.
Add flex-shrink:0 so the set height actually holds.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Richard McCorkle 2026-05-18 16:53:36 +02:00
parent 986e8e961d
commit b4f5c29b82

View file

@ -953,9 +953,11 @@
max-height: 85vh;
}
/* Template viewer: give the modal a mobile size and the content a
definite height so a usable portion of the template shows and scrolls
(max-height alone lets the box collapse to a blank line on mobile). */
/* Template viewer: give the modal a mobile size and the content box a
definite height so a usable portion of the template shows and scrolls.
flex-shrink:0 is essential the mobile modal content is a flex column,
and without it the flex algorithm squeezes this box down to ~2 lines to
make room for the sibling elements (title, copy row, variables list). */
.tubesage-template-view-modal-size.modal {
width: 95vw;
max-width: 95vw;
@ -963,6 +965,7 @@
}
.tubesage-template-view-container {
flex-shrink: 0;
height: 50vh;
max-height: 50vh;
}