Lengthen the header speed graph
Extend the sparkline to 140 pixels and reclaim the same width from the zero-speed label area so the header control keeps its existing overall footprint.
This commit is contained in:
@@ -623,7 +623,7 @@ body,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.speed-sparkline-canvas {
|
.speed-sparkline-canvas {
|
||||||
width: 128px;
|
width: 140px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -634,7 +634,7 @@ body,
|
|||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
min-width: 54px;
|
min-width: 42px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -596,8 +596,8 @@ describe("bandwidth chart palette", () => {
|
|||||||
it("uses the spare zero-speed label space for a longer sparkline", () => {
|
it("uses the spare zero-speed label space for a longer sparkline", () => {
|
||||||
const css = readFileSync(new URL("../src/renderer/styles.css", import.meta.url), "utf8");
|
const css = readFileSync(new URL("../src/renderer/styles.css", import.meta.url), "utf8");
|
||||||
|
|
||||||
expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*128px;/s);
|
expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*140px;/s);
|
||||||
expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*54px;/s);
|
expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*42px;/s);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("aligns the idle speed line to one physical pixel at every display scale", () => {
|
it("aligns the idle speed line to one physical pixel at every display scale", () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user