aboutsummaryrefslogtreecommitdiff
path: root/scripts/theme-studio/styles.css
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2026-07-02 23:40:16 -0400
committerCraig Jennings <c@cjennings.net>2026-07-02 23:40:16 -0400
commit3581c7d1c05eb514aa5462b1142605541fb64d9e (patch)
treeb7a10e505c0bb53c67b5c82e6245c000c563c54b /scripts/theme-studio/styles.css
parent630cfddc7060c7019815f8e82f87fb629aefebfa (diff)
downloaddotemacs-3581c7d1c05eb514aa5462b1142605541fb64d9e.tar.gz
dotemacs-3581c7d1c05eb514aa5462b1142605541fb64d9e.zip
feat(theme-studio): inline height control on the exposed face rows
A new size column in the UI and package tables carries one numeric field plus an abs/rel toggle, exposed per the editable-height spec: chrome faces (mode-line family, line-number family, and header-line/tab-bar/tab-line when they arrive) default to absolute 1/10pt entry with a computed pt hint; the seeded heading faces (org-level-*, document title/info, agenda structure/dates, shr headings, and friends) default to a relative multiplier. Any other face carrying a live height exposes the control dynamically; the long tail gets none. Absolute entry takes a positive integer only; relative entry clamps into the 0.1-2.0 range the old field used; garbage never reaches the model. The toggle writes heightMode explicitly and clears the number on a flip, since 130 tenth-points and 1.3x mean different things. The kind-unaware height field in the row expander is retired, and a non-default height now marks the size cell instead of the expander toggle. The seeded set is named statically in app-core.js because the per-row default comes from the captured Emacs snapshot, which carries no heights for those faces. The #preview screenshot hash now accepts @ui/@code view keys so the harness can shoot the UI table.
Diffstat (limited to 'scripts/theme-studio/styles.css')
-rw-r--r--scripts/theme-studio/styles.css5
1 files changed, 5 insertions, 0 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css
index 0d13f423..a60ebeb5 100644
--- a/scripts/theme-studio/styles.css
+++ b/scripts/theme-studio/styles.css
@@ -177,6 +177,11 @@
.pkgbar{margin:0 0 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pkgbar button{background:#252321;color:#e8bd30;border:1px solid #3a3a3a;border-radius:4px;padding:6px 12px;font:10pt monospace;cursor:pointer}
.hstep{background:#161412;border:1px solid #252321;color:#cdced1;border-radius:4px;padding:3px 4px;font:10pt monospace;width:56px}
+ .heightctl{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
+ .heightctl .hrow{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
+ .heightctl .hval{width:44px}
+ .heightctl .htog{padding:2px 5px;font:9pt monospace;cursor:pointer}
+ .heightctl .pthint{color:#8a8578;font-size:8.5pt}
#pkgbody td{padding:3px 8px}
#codepre{width:100%;box-sizing:border-box}
.mock{border:1px solid #252321;border-radius:8px;overflow:hidden;font:12pt/1.7 monospace;display:flex;flex-direction:column}