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 | 35dae567076b6ea8ed7d6f829cb5a38b45ccf02c (patch) | |
| tree | 5aafe00797c25ca0f111c7644c9d6c0b791c07ad | |
| parent | 955467ac20de8753b38b22467963c838b944898c (diff) | |
| download | dotemacs-35dae567076b6ea8ed7d6f829cb5a38b45ccf02c.tar.gz dotemacs-35dae567076b6ea8ed7d6f829cb5a38b45ccf02c.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> |