release: 4.6.132 .clip-template-wrap.shown modifier

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.131",
+  "version": "4.6.132",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.131",
+      "version": "4.6.132",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

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

src/index.html

@@ -99,7 +99,7 @@
                     <span id="formatTemplate" class="clip-radio-label">{date}_{part}.mp4 (benutzerdefiniert)</span>
                 </label>
 
-                <div id="clipFilenameTemplateWrap" class="clip-template-wrap" style="display:none;">
+                <div id="clipFilenameTemplateWrap" class="clip-template-wrap">
                     <input type="text" id="clipFilenameTemplate" value="{date}_{part}.mp4" placeholder="{date}_{part}.mp4" class="clip-modal-template-input" oninput="updateFilenameExamples()">
                     <div id="clipTemplateHelp" class="clip-modal-hint">Platzhalter: {title} {id} {channel} {date} {part} {trim_start} {trim_end} {trim_length} {date_custom="yyyy-MM-dd"}</div>
                     <div id="clipTemplateLint" class="template-lint ok">Template-Check: OK</div>

src/renderer.ts

@@ -975,7 +975,7 @@ function getSelectedFilenameFormat(): 'simple' | 'timestamp' | 'template' | 'par
 function updateFilenameTemplateVisibility(): void {
     const selected = getSelectedFilenameFormat();
     const wrap = byId('clipFilenameTemplateWrap');
-    wrap.style.display = selected === 'template' ? 'block' : 'none';
+    wrap.classList.toggle('shown', selected === 'template');
 }
 
 interface TemplatePreviewContext {

src/styles.css

@@ -338,9 +338,14 @@ body {
 }
 
 .clip-template-wrap {
+    display: none;
     margin-top: 10px;
 }
 
+.clip-template-wrap.shown {
+    display: block;
+}
+
 /* Template-Guide button below the clip-template input — small offset
    from the lint badge that sits directly above it. Was a one-off
    inline style on the button. */