diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-16 06:40:23 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-16 06:40:23 -0500 |
| commit | 2458ebd7f7df77b0ee6cee447bc391ac6adef5cc (patch) | |
| tree | 9aa717d3cdf5704ff704c7f86f199daaf87a050a | |
| parent | 5599f304376fa792f9c94e5182d1cb144c716a4e (diff) | |
| download | dotemacs-2458ebd7f7df77b0ee6cee447bc391ac6adef5cc.tar.gz dotemacs-2458ebd7f7df77b0ee6cee447bc391ac6adef5cc.zip | |
fix(theme-studio): scope the view-nav arrow style under .pkgbar
The generic .pkgbar button rule outweighed my .viewnav rule on specificity, so the arrows rendered at default button size. Scoping the rule under .pkgbar wins the cascade and restores the compact arrow size.
| -rw-r--r-- | scripts/theme-studio/styles.css | 7 | ||||
| -rw-r--r-- | scripts/theme-studio/theme-studio.html | 7 |
2 files changed, 8 insertions, 6 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index a90c649ab..6a2d08d9d 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -23,9 +23,10 @@ .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} - /* Prev/next arrows flanking the view dropdown: step the selection without reopening it. */ - .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:24px;height:30px;padding:0;margin:0 4px;cursor:pointer;vertical-align:middle} - .viewnav:hover{border-color:#e8bd30} + /* Prev/next arrows flanking the view dropdown: step the selection without reopening it. + Scoped under .pkgbar to outweigh the generic `.pkgbar button` rule above. */ + .pkgbar .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:26px;height:30px;padding:0;margin:0;cursor:pointer;vertical-align:middle} + .pkgbar .viewnav:hover{border-color:#e8bd30} /* Non-default marker: a small gold corner flag on a per-face setting cell whose value differs from the face's default. The size box looks identical default or not, so the flag is the only at-a-glance cue that a value was changed. */ diff --git a/scripts/theme-studio/theme-studio.html b/scripts/theme-studio/theme-studio.html index 84c9ea59e..34c3df70b 100644 --- a/scripts/theme-studio/theme-studio.html +++ b/scripts/theme-studio/theme-studio.html @@ -25,9 +25,10 @@ .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} - /* Prev/next arrows flanking the view dropdown: step the selection without reopening it. */ - .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:24px;height:30px;padding:0;margin:0 4px;cursor:pointer;vertical-align:middle} - .viewnav:hover{border-color:#e8bd30} + /* Prev/next arrows flanking the view dropdown: step the selection without reopening it. + Scoped under .pkgbar to outweigh the generic `.pkgbar button` rule above. */ + .pkgbar .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:26px;height:30px;padding:0;margin:0;cursor:pointer;vertical-align:middle} + .pkgbar .viewnav:hover{border-color:#e8bd30} /* Non-default marker: a small gold corner flag on a per-face setting cell whose value differs from the face's default. The size box looks identical default or not, so the flag is the only at-a-glance cue that a value was changed. */ |