Widen the speed value pill for decimal rates

Use a fixed ten-character value module with compact seven-pixel padding so 300.5 MB/s has balanced breathing room without affecting the graph position.
This commit is contained in:
Sucukdeluxe
2026-08-26 15:42:31 +02:00
parent 6116e212db
commit 0ba87c37ec
2 changed files with 4 additions and 4 deletions
+3 -3
View File
@@ -643,9 +643,9 @@ body,
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 9ch;
width: 9ch;
min-width: 9ch;
flex: 0 0 10ch;
width: 10ch;
min-width: 10ch;
padding: 0 7px;
font-size: 12px;
font-weight: 600;
+1 -1
View File
@@ -598,7 +598,7 @@ describe("bandwidth chart palette", () => {
const source = readFileSync(new URL("../src/renderer/App.tsx", import.meta.url), "utf8");
expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*150px;/s);
expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*flex:\s*0 0 9ch;[^}]*width:\s*9ch;[^}]*min-width:\s*9ch;[^}]*padding:\s*0 7px;/s);
expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*flex:\s*0 0 10ch;[^}]*width:\s*10ch;[^}]*min-width:\s*10ch;[^}]*padding:\s*0 7px;/s);
expect(source).toContain('className="speed-sparkline-graph"');
expect(css).toMatch(/\.speed-sparkline-graph,\s*\.speed-sparkline-value\s*\{[^}]*background:\s*var\(--field\);[^}]*border:\s*1px solid var\(--border\);[^}]*border-radius:\s*8px;/s);
});