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 | 4ce279c9a6b4a256d315c47616a1bd91668a2eef (patch) | |
| tree | 531a11fc350cf7c56d1774b786fc728d43e38b04 | |
| parent | e304e34d3b115020f38e50bf4667e13b72f55692 (diff) | |
| download | dotemacs-4ce279c9a6b4a256d315c47616a1bd91668a2eef.tar.gz dotemacs-4ce279c9a6b4a256d315c47616a1bd91668a2eef.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 16b112f3..3df7609b 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 d72a44ab..49c15509 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> |