release: 4.6.133 .cutter-info + .timeline-container .shown modifiers

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.132",
+  "version": "4.6.133",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.132",
+      "version": "4.6.133",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.132",
+  "version": "4.6.133",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/index.html

@@ -334,7 +334,7 @@
                             </div>
                         </div>
 
-                        <div class="cutter-info" id="cutterInfo" style="display:none">
+                        <div class="cutter-info" id="cutterInfo">
                             <div class="cutter-info-item">
                                 <span class="cutter-info-label" id="cutterInfoDurationLabel">Dauer</span>
                                 <span class="cutter-info-value" id="infoDuration">--:--:--</span>
@@ -353,7 +353,7 @@
                             </div>
                         </div>
 
-                        <div class="timeline-container" id="timelineContainer" style="display:none">
+                        <div class="timeline-container" id="timelineContainer">
                             <div class="timeline" id="timeline" onclick="seekTimeline(event)">
                                 <div class="timeline-selection" id="timelineSelection"></div>
                                 <div class="timeline-current" id="timelineCurrent"></div>

src/renderer.ts

@@ -1469,8 +1469,8 @@ async function loadCutterFromPath(filePath: string): Promise<void> {
     cutterStartTime = 0;
     cutterEndTime = info.duration;
 
-    byId('cutterInfo').style.display = 'flex';
-    byId('timelineContainer').style.display = 'block';
+    byId('cutterInfo').classList.add('shown');
+    byId('timelineContainer').classList.add('shown');
     byId('btnCut').disabled = false;
 
     byId('infoDuration').textContent = formatTime(info.duration);

src/styles.css

@@ -2943,12 +2943,17 @@ select option {
 }
 
 .timeline-container {
+    display: none;
     background: var(--bg-card);
     border-radius: 8px;
     padding: 20px;
     margin-bottom: 20px;
 }
 
+.timeline-container.shown {
+    display: block;
+}
+
 .timeline {
     position: relative;
     height: 60px;
@@ -3027,15 +3032,19 @@ select option {
 }
 
 .cutter-info {
+    display: none;
     background: var(--bg-card);
     border-radius: 8px;
     padding: 15px 20px;
     margin-bottom: 20px;
-    display: flex;
     justify-content: space-around;
     text-align: center;
 }
 
+.cutter-info.shown {
+    display: flex;
+}
+
 .cutter-info-item {
     display: flex;
     flex-direction: column;