diff --git a/explorer.qmd b/explorer.qmd index 05fbba0..37f6d74 100644 --- a/explorer.qmd +++ b/explorer.qmd @@ -219,6 +219,45 @@ format: max-height: var(--explorer-map-height); overflow-y: auto; } + .filter-chip-host { + position: sticky; + top: 0; + z-index: 3; + } + .filter-chip-host[hidden] { display: none; } + .described-by-chip { + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + background: #ede7f6; + border: 1px solid #d1c4e9; + border-radius: 6px; + color: #5e35b1; + font-size: 12px; + font-weight: 600; + padding: 8px 10px; + } + .described-by-chip-label { + min-width: 0; + overflow-wrap: anywhere; + } + .described-by-chip-clear { + flex: 0 0 auto; + background: transparent; + border: 0; + border-radius: 4px; + color: inherit; + cursor: pointer; + font-size: 14px; + line-height: 1; + padding: 2px 4px; + } + .described-by-chip-clear:hover, + .described-by-chip-clear:focus { + background: rgba(94, 53, 177, 0.12); + outline: none; + } .panel-section { background: #f8f9fa; border-radius: 6px; @@ -595,6 +634,7 @@ Circle size = log(sample count). Color = dominant data source.