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 | 6a98878ee6b061b2f97ce9b406b2aac27c86e4b3 (patch) | |
| tree | b5e279c845deded2a6a8313f5b49b603573ac9e8 /scripts | |
| parent | 6c877ac5edefbc23dd43081c176d1e4637e66a54 (diff) | |
| download | dotemacs-6a98878ee6b061b2f97ce9b406b2aac27c86e4b3.tar.gz dotemacs-6a98878ee6b061b2f97ce9b406b2aac27c86e4b3.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.
Diffstat (limited to 'scripts')
| -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> |