Merge pull request #105 from zevorn/website/fix-flash-panel-height

website: fix flash panel height jump during flashing

Author: zevorn

website/index.html

@@ -412,7 +412,7 @@
         .flash-btn-outline:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
 
         .flash-progress {
-            margin-top: 1rem; display: none;
+            margin-top: 1rem;
         }
         .flash-progress-bar {
             height: 6px; border-radius: 3px; background: var(--bg);
@@ -433,7 +433,7 @@
             background: #0c0c0c; border: 1px solid var(--border);
             font-family: var(--mono); font-size: 0.78rem; line-height: 1.5;
             color: #4ade80; height: 160px; overflow-y: auto; white-space: pre-wrap;
-            word-break: break-all; display: none;
+            word-break: break-all;
         }
 
         .flash-unsupported {
@@ -931,9 +931,9 @@ <h3>
                         <div class="flash-progress-bar">
                             <div class="flash-progress-fill" id="flash-progress-fill"></div>
                         </div>
-                        <div class="flash-progress-text" id="flash-progress-text">0%</div>
+                        <div class="flash-progress-text" id="flash-progress-text">Ready</div>
                     </div>
-                    <div class="flash-log" id="flash-log"></div>
+                    <div class="flash-log" id="flash-log">Waiting for flash...</div>
                 </div>
             </div>
 
@@ -1183,11 +1183,13 @@ <h2 class="section-title reveal" data-en="Join the Community" data-zh="加入社
 
 function showLog() { /* output goes to serial-output now */ }
 function showProgress(pct, text) {
-    flashProgress.style.display = 'block';
     flashProgressFill.style.width = pct + '%';
     flashProgressText.textContent = text || (pct + '%');
 }
-function hideProgress() { flashProgress.style.display = 'none'; }
+function hideProgress() {
+    flashProgressFill.style.width = '0%';
+    flashProgressText.textContent = 'Ready';
+}
 
 function serialControlsSetDisabled(disabled) {
     var panel = document.querySelector('.serial-panel');