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 | 922ef0b128db09aec442a77fb01661c83a4d5192 (patch) | |
| tree | 24126fc1b4c2ab1c6c19e650aada71335a8ff0aa /scripts/theme-studio/styles.css | |
| parent | 4debd1b8a7864b126a1e295b6f6af28f62e0c65e (diff) | |
| download | dotemacs-922ef0b128db09aec442a77fb01661c83a4d5192.tar.gz dotemacs-922ef0b128db09aec442a77fb01661c83a4d5192.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 2c5377e7..79669e28 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} |