From fd76428b496a869d5e602508899af0e72f1a20e4 Mon Sep 17 00:00:00 2001
From: wangdequan <wangdequan@meswork.com>
Date: Sat, 29 Aug 2026 16:02:17 +0800
Subject: [PATCH] Make G-code scrollbars visible

---
 web/react/src/styles.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/react/src/styles.css b/web/react/src/styles.css
index 4730b5e..700ac86 100644
--- a/web/react/src/styles.css
+++ b/web/react/src/styles.css
@@ -204,6 +204,9 @@ output { font: 12px ui-monospace, monospace; text-align: right; }
 .program-execution-trace li.executing-line { padding: 3px 6px; border-left: 3px solid #d09b00; background: #ffe066; color: #111; font-weight: 700; }
 .program-execution-trace li.executing-line span { color: #6b4b00; }
 .program-execution-trace strong span { color: #60717e; font-weight: 400; }
+.program-editor-input textarea::-webkit-scrollbar, .program-execution-line::-webkit-scrollbar, .program-execution-trace ol::-webkit-scrollbar { width: 11px; height: 11px; }
+.program-editor-input textarea::-webkit-scrollbar-track, .program-execution-line::-webkit-scrollbar-track, .program-execution-trace ol::-webkit-scrollbar-track { background: #d7dde2; }
+.program-editor-input textarea::-webkit-scrollbar-thumb, .program-execution-line::-webkit-scrollbar-thumb, .program-execution-trace ol::-webkit-scrollbar-thumb { border: 2px solid #d7dde2; background: #7f8d98; }
 .program-side { display: flex; grid-column: 2; grid-row: 1; flex-direction: column; gap: 12px; min-width: 0; min-height: 0; padding: 8px; border-left: 1px solid #aaa; background: #d9d9d9; }
 .program-actions { display: flex; flex-wrap: wrap; gap: 5px; }
 .active-gcodes-label { display: grid; gap: 5px; color: #333; }