diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-15 18:08:19 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-15 18:08:19 -0500 |
| commit | 73df8086fc58c01a2a20c0027b228aa4d44c6dfb (patch) | |
| tree | 06e23ee6a461671538d0b2c69b395d40474e1c84 /scripts/theme-studio/styles.css | |
| parent | ce3da0d26af8b0c491bdcce6c177d9698dfc338c (diff) | |
| download | dotemacs-73df8086fc58c01a2a20c0027b228aa4d44c6dfb.tar.gz dotemacs-73df8086fc58c01a2a20c0027b228aa4d44c6dfb.zip | |
feat(theme-studio): reflow the B/I/U/S style buttons into a 2x2 cluster
The four style buttons sat in a horizontal row, the widest part of the style column. I wrapped them in the same 2x2 grid the box control uses, so they form a square (still multi-toggle, since bold and italic combine). The column narrows to roughly half its width across all three tiers.
A #styletest gate confirms the four buttons live in a .stylecluster.
Diffstat (limited to 'scripts/theme-studio/styles.css')
| -rw-r--r-- | scripts/theme-studio/styles.css | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index 2c5377e7a..79669e286 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -19,6 +19,8 @@ .boxbtn{width:17px;height:15px;padding:0;border:1px solid #3a3a3a;border-radius:3px;background:#1f1c19;color:#cdced1;font:11px monospace;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .boxbtn.on{background:#3a3320;border-color:#e8bd30;color:#e8bd30} .boxbtn:disabled{opacity:.3;cursor:default} + .stylecluster{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:max-content} + .stylecluster .sbtn{margin:0} table.leg th:hover{color:#e8bd30} select.chip{appearance:none;border:1px solid #00000060;border-radius:5px;padding:5px 10px;font:bold 14px monospace;width:160px;cursor:pointer} .cstep{display:inline-flex;align-items:center;gap:4px} |