From 539442ef4840977c108f9b44aa0248c2f145da20 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Wed, 22 Jul 2026 21:25:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BD=91=E5=8D=A1=E5=88=87=E6=8D=A2chip?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=BA=A2=E5=87=BA=E6=97=B6=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=B0=B4=E5=B9=B3=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

网卡数量过多或名称过长时，chip 列表溢出弹窗右边界被裁切且无滚动条。
增大 Flickable 高度（32->40px）容纳滚动条，并为 ScrollBar 添加自定义
contentItem 样式，确保深浅主题下均可见可交互。
---
 package/networkview.qml | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/package/networkview.qml b/package/networkview.qml
index cf915e4..7ce2be0 100644
--- a/package/networkview.qml
+++ b/package/networkview.qml
@@ -548,7 +548,9 @@ AppletItem {
                 Flickable {
                     id: chipFlickable
                     Layout.fillWidth: true
-                    Layout.preferredHeight: 32
+                    // 高度需容纳 chip（28px）+ 水平滚动条（~6px）+ 上下间距，
+                    // 此前 32px 仅剩 4px 给滚动条，导致滚动条无法正常显示
+                    Layout.preferredHeight: 40
                     visible: root.ready && root.networkInterfaces.length > 1
                     contentWidth: Math.max(chipRow.width, width)
                     contentHeight: chipRow.height
@@ -604,8 +606,20 @@ AppletItem {
                         }
                     }
 
+                    // 自定义滚动条样式：默认 ScrollBar 在面板配色下可能不可见，
+                    // 用 contentItem 显式绘制，颜色派生自 basePalette 适配深浅主题
                     ScrollBar.horizontal: ScrollBar {
+                        id: chipScrollBar
                         policy: ScrollBar.AsNeeded
+                        interactive: true
+
+                        contentItem: Rectangle {
+                            implicitHeight: 4
+                            radius: 2
+                            // 按压时加深、悬停时中等、默认稍淡，保证滚动条在深浅主题下均可见
+                            color: chipScrollBar.pressed ? root.secondaryText
+                                  : (chipScrollBar.hovered ? root.secondaryText : root.tertiaryText)
+                        }
                     }
                 }