fix(css): adjust gradient white divider scaling for DNA mode bands
This commit is contained in:
1 parent
8357bcf731
commit
6d7f3f3aed
1 file changed
+3
-3
@@ -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); }
|
||||
|
||||
Reference in new issue
Block a user