release: 4.6.137 update banner uses .show + updateProgress uses .is-hidden

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
cleanup: update banner + progress use class-based visibility (.show / .is-hidden)
2026-05-11 10:33:16 +02:00 · 2026-05-11 10:32:57 +02:00
4 changed files with 10 additions and 10 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.136",
+  "version": "4.6.137",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "twitch-vod-manager",
-      "version": "4.6.136",
+      "version": "4.6.137",
      "license": "MIT",
      "dependencies": {
        "axios": "^1.6.0",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.136",
+  "version": "4.6.137",
  "description": "Twitch VOD Manager - Download Twitch VODs easily",
  "main": "dist/main.js",
  "author": "xRangerDE",
--- a/src/index.html
+++ b/src/index.html
@ -10,7 +10,7 @@
 <body class="theme-twitch">
    <div class="update-banner" id="updateBanner">
        <span id="updateText">Neue Version verfügbar!</span>
-        <div id="updateProgress" class="update-banner-progress-wrap" style="display: none;">
+        <div id="updateProgress" class="update-banner-progress-wrap is-hidden">
            <div class="update-banner-progress-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Update download" id="updateProgressGauge">
                <div id="updateProgressBar" class="update-banner-progress-bar"></div>
            </div>
--- a/src/renderer-updates.ts
+++ b/src/renderer-updates.ts
@ -88,11 +88,11 @@ function setCheckButtonCheckingState(enabled: boolean): void {
 }

 function showUpdateBanner(): void {
-    byId('updateBanner').style.display = 'flex';
+    byId('updateBanner').classList.add('show');
 }

 function hideUpdateBanner(): void {
-    byId('updateBanner').style.display = 'none';
+    byId('updateBanner').classList.remove('show');
 }

 function setUpdateBannerAvailableUi(info: UpdateInfo): void {
@ -103,7 +103,7 @@ function setUpdateBannerAvailableUi(info: UpdateInfo): void {
    updateBannerState = 'available';

    showUpdateBanner();
-    byId('updateProgress').style.display = 'none';
+    byId('updateProgress').classList.add('is-hidden');

    const bar = byId('updateProgressBar');
    bar.classList.remove('downloading');
@ -123,7 +123,7 @@ function setDownloadPendingUi(): void {
    const button = byId<HTMLButtonElement>('updateButton');
    button.textContent = UI_TEXT.updates.downloading;
    button.disabled = true;
-    byId('updateProgress').style.display = 'block';
+    byId('updateProgress').classList.remove('is-hidden');

    const bar = byId('updateProgressBar');
    bar.classList.add('downloading');
@ -149,7 +149,7 @@ function setDownloadReadyUi(info?: UpdateInfo): void {
    bar.style.width = '100%';
    byId('updateProgressGauge').setAttribute('aria-valuenow', '100');

-    byId('updateProgress').style.display = 'block';
+    byId('updateProgress').classList.remove('is-hidden');
    byId('updateText').textContent = `Version ${activeInfo.version} ${UI_TEXT.updates.ready}`;
    const button = byId<HTMLButtonElement>('updateButton');
    button.textContent = UI_TEXT.updates.installNow;
@ -458,7 +458,7 @@ async function checkUpdate(): Promise<void> {
        setCheckButtonCheckingState(false);

        window.setTimeout(() => {
-            if (!manualUpdateOutcomeHandled && !updateReady && byId('updateBanner').style.display !== 'flex') {
+            if (!manualUpdateOutcomeHandled && !updateReady && !byId('updateBanner').classList.contains('show')) {
                shouldOpenUpdateModalOnAvailable = false;
                notifyUpdate(UI_TEXT.updates.latest, 'info');
            }