Scrollbars: one 12px style for every pane

- the APDU list's 12px rule is folded into the global scrollbar style, so
  the side panel, APDU detail pane, dialogs (file-diff body), session
  lists/grid and the hex views' horizontal bars all use the same 12px bar
  with a 6px rounded thumb — no per-element overrides remain to drift,
  and the horizontal bars get an explicit height instead of the browser
  default
- Node test pins the global rule (12px width/height, 6px thumb radius) and
  the absence of per-element overrides; 527 Python + 55 Node tests
- SW cache simtrace-analyser-v75 (cosmetic, no version bump)
This commit is contained in:
catarrh committed 2026-10-17 23:08:40 +03:00
1 parent 424cb4e238
commit a0a2251522
3 files changed
+16 -18

No files matched your search

+11 -10
View File
@@ -1,6 +1,6 @@
// Scrollbar styling: the APDU list and the side panel share one rule, so
// their widths cannot drift apart (the side panel used to fall back to the
// global 6px bar while the list uses 12px).
// Scrollbar styling: every pane shares one global rule (12px bars, 6px
// rounded thumb) — the APDU list used to be 12px while the side panel,
// detail pane, dialogs and session lists fell back to a 6px default.
const { test } = require('node:test');
const assert = require('node:assert');
@@ -8,15 +8,16 @@ const { loadSrc } = require('./helpers.js');
const src = loadSrc();
test('the APDU list and the side panel share the 12px scrollbar rule', () => {
const rule = /\.apdu-list::-webkit-scrollbar,\s*\n\.side-panel::-webkit-scrollbar \{ width: 12px; \}/;
assert.match(src, rule);
// the thumb radius pairs with the width (6px = half of 12px)
test('every pane uses the global 12px scrollbar rule', () => {
assert.match(src, /::-webkit-scrollbar \{ width: 12px; height: 12px; \}/);
assert.match(
src,
/\.apdu-list::-webkit-scrollbar-thumb,\s*\n\.side-panel::-webkit-scrollbar-thumb \{ border-radius: 6px; \}/);
/::-webkit-scrollbar-thumb \{ background: var\(--scrollbar-thumb\); border-radius: 6px; \}/);
assert.match(src, /::-webkit-scrollbar-track \{ background: var\(--scrollbar-track\); \}/);
});
test('the global scrollbar default stays thin for the other panes', () => {
assert.match(src, /::-webkit-scrollbar \{ width: 6px; \}/);
test('no per-element scrollbar overrides or thin default remain', () => {
assert.doesNotMatch(src, /\.apdu-list::-webkit-scrollbar/);
assert.doesNotMatch(src, /\.side-panel::-webkit-scrollbar/);
assert.doesNotMatch(src, /::-webkit-scrollbar \{ width: 6px/);
});