diff --git a/src/styles/hexChromeDensity.test.ts b/src/styles/hexChromeDensity.test.ts index ceee59ce..be32194d 100644 --- a/src/styles/hexChromeDensity.test.ts +++ b/src/styles/hexChromeDensity.test.ts @@ -275,3 +275,10 @@ describe('hex ascii cell diff', () => { ) }) }) + +describe('hex wrap-controls hide', () => { + it('hides Hex wrap-controls strip toward capture path-to-grid chrome', () => { + expect(hexView).toMatch(/\.hex-wrap-controls\s*\{[\s\S]*?display:\s*none/) + expect(css).toMatch(/\.hex-compare-view \.hex-wrap-controls\s*\{[\s\S]*?display:\s*none/) + }) +}) diff --git a/src/styles/main.css b/src/styles/main.css index cc490c29..c091051a 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -2182,6 +2182,7 @@ html[data-show-path-bars='0'] .path-pair-bar { /* Hex wrap/controls + byte rows at capture CSS scale */ .hex-compare-view .hex-wrap-controls { + display: none !important; gap: 4px 6px !important; min-height: 20px !important; padding: 2px 4px !important; diff --git a/src/views/HexCompareView.vue b/src/views/HexCompareView.vue index 089a89d9..e2b6bcae 100644 --- a/src/views/HexCompareView.vue +++ b/src/views/HexCompareView.vue @@ -944,6 +944,15 @@ async function runHexSave(): Promise { test-id="hex-right-path-footer" /> +
{ {{ $t('status.ranges', { count: diffRangeCount }) }} -