@basic-genomics/hivtrace-viz 1.2.0 → 1.2.2

package/dist/embed/index.html

@@ -312,10 +312,29 @@
 
     .hivtrace-pill-row {
       display: flex;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
       gap: 8px;
-      max-height: 120px;
-      overflow-y: auto;
+      overflow-x: auto;
+      padding: 4px 0 8px 0;
+    }
+
+    /* Horizontal scrollbar for pill row */
+    .hivtrace-pill-row::-webkit-scrollbar {
+      height: 6px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 3px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-thumb {
+      background: #c1c1c1;
+      border-radius: 3px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-thumb:hover {
+      background: #a1a1a1;
     }
 
     /* 横向 Pill 样式 */

package/dist/hivtrace.css

@@ -11975,10 +11975,40 @@ circle.cluster {
   border-radius: 6px;
 }
 
+/* Force scrollbar visibility on macOS/WebKit browsers */
+#trace-results #network_tag::-webkit-scrollbar,
+.hivtrace-network-svg-container::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+#trace-results #network_tag::-webkit-scrollbar-track,
+.hivtrace-network-svg-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+#trace-results #network_tag::-webkit-scrollbar-thumb,
+.hivtrace-network-svg-container::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 4px;
+}
+
+#trace-results #network_tag::-webkit-scrollbar-thumb:hover,
+.hivtrace-network-svg-container::-webkit-scrollbar-thumb:hover {
+  background: #a1a1a1;
+}
+
 .nav-trace {
   margin-top: 5px;
 }
 
+/* Statistics tab - scrollable content area without affecting tabs */
+#trace-attributes {
+  overflow-y: auto;
+  height: calc(100vh - 120px);
+}
+
 /* Checkbox and label vertical alignment - only for hide_filter addon */
 input[data-hivtrace-ui-role="hide_filter"] {
   vertical-align: middle;