fix(downloads): refine availability spacing
This commit is contained in:
@@ -703,7 +703,7 @@
|
||||
|
||||
.downloads-availability.has-counts {
|
||||
display: grid;
|
||||
grid-template-columns: 16px 4ch 1ch max-content auto;
|
||||
grid-template-columns: 16px 4ch 1ch 3ch auto;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@@ -727,7 +727,7 @@
|
||||
}
|
||||
|
||||
.downloads-availability-label {
|
||||
padding-left: 2px;
|
||||
padding-left: 3px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
@@ -1368,10 +1368,10 @@ describe("download table row contracts", () => {
|
||||
it("aligns availability symbols, split counts and labels on fixed axes", () => {
|
||||
const css = fs.readFileSync(path.join(process.cwd(), "src/renderer/views/downloads/downloads.css"), "utf8");
|
||||
|
||||
expect(css).toMatch(/\.downloads-availability\.has-counts\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*16px 4ch 1ch max-content auto;[^}]*font-variant-numeric:\s*tabular-nums;/s);
|
||||
expect(css).toMatch(/\.downloads-availability\.has-counts\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*16px 4ch 1ch 3ch auto;[^}]*font-variant-numeric:\s*tabular-nums;/s);
|
||||
expect(css).toMatch(/\.downloads-availability-count\.is-online-count\s*\{[^}]*text-align:\s*right;/s);
|
||||
expect(css).toMatch(/\.downloads-availability-count\.is-total-count\s*\{[^}]*text-align:\s*left;/s);
|
||||
expect(css).toMatch(/\.downloads-availability-label\s*\{[^}]*padding-left:\s*2px;/s);
|
||||
expect(css).toMatch(/\.downloads-availability-label\s*\{[^}]*padding-left:\s*3px;/s);
|
||||
expect(css).toMatch(/\.downloads-availability\.is-online\s*\{[^}]*color:\s*var\(--ui-success-text\);/s);
|
||||
expect(css).toMatch(/\.downloads-availability\.is-partial\s*\{[^}]*color:\s*var\(--ui-warning-text\);/s);
|
||||
expect(css).toMatch(/\.downloads-availability\.is-offline\s*\{[^}]*color:\s*var\(--ui-danger-text\);/s);
|
||||
|
||||
Reference in New Issue
Block a user