@basic-genomics/hivtrace-viz 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -285,6 +285,54 @@
285
285
  padding: 4px 12px;
286
286
  }
287
287
 
288
+ /* 簇选择器样式 */
289
+ .hivtrace-cluster-selector {
290
+ display: inline-flex;
291
+ align-items: stretch;
292
+ border: 1px solid #ccc;
293
+ border-radius: 4px;
294
+ background: #fff;
295
+ }
296
+
297
+ .hivtrace-cluster-selector-label {
298
+ display: flex;
299
+ align-items: center;
300
+ justify-content: center;
301
+ padding: 6px 12px;
302
+ font-size: 13px;
303
+ color: #555;
304
+ background: #f5f5f5;
305
+ border-right: 1px solid #ccc;
306
+ white-space: nowrap;
307
+ min-width: 60px;
308
+ }
309
+
310
+ .hivtrace-cluster-selector .input-group-btn {
311
+ display: flex;
312
+ }
313
+
314
+ .hivtrace-cluster-selector-btn {
315
+ border: none !important;
316
+ border-radius: 0 !important;
317
+ box-shadow: none !important;
318
+ min-width: 100px;
319
+ text-align: left;
320
+ display: flex;
321
+ align-items: center;
322
+ justify-content: space-between;
323
+ padding: 6px 12px;
324
+ font-size: 13px;
325
+ }
326
+
327
+ .hivtrace-cluster-selector-btn:hover,
328
+ .hivtrace-cluster-selector-btn:focus {
329
+ background: #f9f9f9;
330
+ }
331
+
332
+ .hivtrace-cluster-selector-btn .caret {
333
+ margin-left: 8px;
334
+ }
335
+
288
336
  /* ========================================
289
337
  属性标签页 - 新布局
290
338
  顶部横向 pills + 下方左图右表
@@ -779,11 +827,11 @@
779
827
  <div class="hivtrace-stats-container">
780
828
  <!-- 顶部:Cluster 选择器工具栏 -->
781
829
  <div class="hivtrace-stats-header">
782
- <div class="input-group input-group-sm" style="max-width: 280px;">
783
- <span class="input-group-addon">选择簇</span>
830
+ <div class="hivtrace-cluster-selector">
831
+ <span class="hivtrace-cluster-selector-label">选择簇</span>
784
832
  <div class="input-group-btn">
785
- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
786
- id="stats_cluster_selector_btn">
833
+ <button type="button" class="btn btn-default dropdown-toggle hivtrace-cluster-selector-btn"
834
+ data-toggle="dropdown" id="stats_cluster_selector_btn">
787
835
  <span id="stats_cluster_selector_label">总览</span> <span class="caret"></span>
788
836
  </button>
789
837
  <ul class="dropdown-menu" role="menu" id="stats_cluster_selector_menu">