mirror of
https://github.com/rmccorkl/TubeSage.git
synced 2026-07-22 06:45:31 +00:00
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:
parent
986e8e961d
commit
b4f5c29b82
1 changed files with 6 additions and 3 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue