fix(css): adjust gradient white divider scaling for DNA mode bands

This commit is contained in:
bowenliang123 committed 2026-09-10 10:29:17 +08:00
1 parent 8357bcf731
commit 6d7f3f3aed
1 file changed
+3 -3
+3 -3
View File
@@ -3,10 +3,10 @@
(a bare .lc-gran would add a second auto margin and split the free space). */
.lc-br-dna-ctl { margin-left: 0; flex: none; }
/* DNA mode: per-item bands read as one gel strip — a card-colored divider keeps adjacent same-category bands
distinguishable. The divider scales with the band (`min(1px, 25%)` of its own width): long sessions pin hundreds
of bands at ≤1px, where a fixed 1px divider would cover the whole band and blank the strip. A gradient layer over
distinguishable. The divider scales with the band (`min(0.5px, 12.5%)` of its own width): long sessions pin hundreds
of bands at ≤1px, where a fixed divider would cover the whole band and blank the strip. A gradient layer over
the segment's inline `backgroundColor` — a fixed inset box-shadow cannot scale. */
.lc-br-bar-dna .lc-stacked-seg { background-image: linear-gradient(to right, transparent calc(100% - min(1px, 25%)), var(--dsw-alias-bg-layer-1) 0); }
.lc-br-bar-dna .lc-stacked-seg { background-image: linear-gradient(to right, transparent calc(100% - min(0.5px, 12.5%)), var(--dsw-alias-bg-layer-1) 0); }
.lc-br-hint { margin-left: auto; color: var(--dsw-alias-label-secondary); font-size: 11px; font-weight: 400; white-space: nowrap; }
.lc-br-pick { font: inherit; font-size: 12px; color: var(--dsw-alias-label-primary); background: var(--dsw-alias-bg-layer-2); border: 1px solid var(--dsw-alias-border-l2); border-radius: 6px; padding: 3px 6px; max-width: 240px; }
.lc-br-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 8px; color: var(--dsw-alias-label-secondary); }