fix: optically center the ETA separator

Right-align the speed before the separator and left-align ETA after it so the second metric divider sits exactly between the visible values.
This commit is contained in:
Sucukdeluxe
2026-08-21 00:42:37 +02:00
parent 71207d98eb
commit 44fb93e7ea
2 changed files with 7 additions and 2 deletions
+2
View File
@@ -179,6 +179,8 @@ test('header occupies its final geometry before asynchronous initialization', ()
assert.match(html, /class="update-progress-footer"[\s\S]*id="updateProgressDetails"[\s\S]*id="updateProgressSize"[\s\S]*id="updateProgressSpeed"[\s\S]*id="updateProgressEta"[\s\S]*id="updateProgressText"/u);
assert.match(css, /#updateProgressDetails\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*19ch 2ch 11ch 2ch 10ch;[^}]*column-gap:\s*0;[^}]*font-variant-numeric:\s*tabular-nums;/su);
assert.match(css, /\.update-progress-separator\s*\{[^}]*display:\s*grid;[^}]*place-items:\s*center;/su);
assert.match(css, /#updateProgressSpeed\s*\{[^}]*text-align:\s*right;/su);
assert.match(css, /#updateProgressEta\s*\{[^}]*text-align:\s*left;/su);
assert.match(css, /\.update-release-heading\s*\{[^}]*color:\s*var\(--success\);[^}]*font-size:\s*14px;[^}]*font-weight:\s*750;/su);
assert.match(css, /\.update-release-category\s*\{[^}]*font-size:\s*13px;[^}]*font-weight:\s*700;/su);
assert.match(css, /#updateProgressDetails\[hidden\]\s*\{[^}]*display:\s*none;/su);