Files
Andre Brait 3a3b6959ca fix(shell): keep the topbar breadcrumb from overlapping the metric pills (#63)
* fix(shell): keep the topbar breadcrumb from overlapping the metric pills

The center breadcrumb was absolutely positioned at 50% of the bar, so
its width was independent of the left toolbar and right metric pills.
With a long session title and a wide right group (provider usage,
context/cost, speed), the breadcrumb was painted over the pills.

Lay the center zone out as a shrinking flex child between the two
groups instead: it centers in the space that is actually free and the
session title ellipsizes as before.

* test: remove false-positive topbar source assertion
2026-09-10 21:19:10 +03:00

12 lines
532 B
JavaScript

import assert from "node:assert/strict";
import test from "node:test";
import { readFile } from "node:fs/promises";
test("sidebar drag scales pointer deltas by the interface zoom", async () => {
const source = await readFile(new URL("./AppShell.tsx", import.meta.url), "utf8");
// clientX is viewport pixels while --sidebar-width is zoomed layout pixels;
// without the correction the edge overshoots at 110/120% scale.
assert.match(source, /--ui-scale/);
assert.match(source, /\(ev\.clientX - startX\) \/ uiScale/);
});