From ce469b856ca16862876106c80784b68af4576bfe Mon Sep 17 00:00:00 2001 From: xRangerDE Date: Mon, 11 May 2026 03:07:59 +0200 Subject: [PATCH] =?UTF-8?q?cleanup:=20update-banner=20progress=20bar=20?= =?UTF-8?q?=E2=80=94=20extract=20inline=20styles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The update banner that shows during an auto-update download was hosting three inline-styled divs in a row for its progress indicator:
Renderer-updates.ts kept reaching in to mutate updateProgressBar.style.width as the download advanced — works, but the bar's static look-and-feel (rounded, dark track, 8px tall, white fill, 0.3s transition) was buried in HTML attributes instead of CSS. Extracted to: - .update-banner-progress-wrap (the flex:1 container with side margin) - .update-banner-progress-track (the rounded dark track) - .update-banner-progress-bar (the white fill, 0% default, transition) The JS continues to drive width via style.width, which now layers on top of the class's transition for the smooth animation. Zero visual change. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/index.html | 6 +++--- src/styles.css | 21 +++++++++++++++++++++ 2 files changed, 24 insertions(+), 3 deletions(-) diff --git a/src/index.html b/src/index.html index bd9f62c..8246dca 100644 --- a/src/index.html +++ b/src/index.html @@ -10,9 +10,9 @@
Neue Version verfügbar! -