Administrator/Multi-Debrid-Downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 596 Wiki Activity

Tighten the speed value module

Browse Source 
Reduce the dedicated speed pill to ten character units with smaller horizontal padding while keeping its width fixed across changing values.
This commit is contained in:
Sucukdeluxe
2026-08-26 15:27:49 +02:00
parent 98c688fc4c
commit dcb088feec
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles.css
+4 -4
View File
@@ -643,10 +643,10 @@ body,
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 12ch;
width: 12ch;
min-width: 12ch;
padding: 0 10px;
flex: 0 0 10ch;
width: 10ch;
min-width: 10ch;
padding: 0 8px;
font-size: 12px;
font-weight: 600;
font-variant-numeric: tabular-nums;
tests/statistics-view.test.tsx
+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 12ch;[^}]*width:\s*12ch;[^}]*min-width:\s*12ch;/s);
expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*flex:\s*0 0 10ch;[^}]*width:\s*10ch;[^}]*min-width:\s*10ch;[^}]*padding:\s*0 8px;/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);
});