diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-14 21:36:08 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-14 21:36:08 -0500 |
| commit | 81b956a434af87d030e77294514f45385a64f049 (patch) | |
| tree | 9b9dea4cd75d6b1ac37b80cbb3ca9da87797b186 | |
| parent | 5a22ebcdb6a9f7fd8de51c52b1548d88f84adbd2 (diff) | |
| download | dotemacs-81b956a434af87d030e77294514f45385a64f049.tar.gz dotemacs-81b956a434af87d030e77294514f45385a64f049.zip | |
fix(theme-studio): hold the package preview height
Selecting a compact package (auto-dim, with a 2-row face table and a short preview) collapsed the package section and shortened the page. A 60vh floor on the preview keeps the section sized to the largest of the columns, the preview, or that floor, so switching packages no longer shrinks the page.
| -rw-r--r-- | scripts/theme-studio/theme-studio.html | 2 | ||||
| -rw-r--r-- | scripts/theme-studio/theme-studio.template.html | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/scripts/theme-studio/theme-studio.html b/scripts/theme-studio/theme-studio.html index 16b112f39..3df7609bb 100644 --- a/scripts/theme-studio/theme-studio.html +++ b/scripts/theme-studio/theme-studio.html @@ -236,7 +236,7 @@ </section> <section class="pane grow" style="display:flex;flex-direction:column"> <div class="langbar"><label id="pkgprevlabel" style="color:#b4b1a2">preview</label></div> - <div id="pkgpreview" class="mock" style="overflow:auto"></div> + <div id="pkgpreview" class="mock" style="overflow:auto;min-height:60vh"></div> </section> </div> <script> diff --git a/scripts/theme-studio/theme-studio.template.html b/scripts/theme-studio/theme-studio.template.html index d72a44abe..49c15509c 100644 --- a/scripts/theme-studio/theme-studio.template.html +++ b/scripts/theme-studio/theme-studio.template.html @@ -94,7 +94,7 @@ STYLES_CSS</style> </section> <section class="pane grow" style="display:flex;flex-direction:column"> <div class="langbar"><label id="pkgprevlabel" style="color:#b4b1a2">preview</label></div> - <div id="pkgpreview" class="mock" style="overflow:auto"></div> + <div id="pkgpreview" class="mock" style="overflow:auto;min-height:60vh"></div> </section> </div> <script> |