d3841929bde0c503dd0aeda3b1efd1e61cd64ea7
jcasper
  Fri Apr 10 15:59:41 2026 -0700
CSS changes to accompany logic disabling the 'show only selected' slider in
the faceted composite UI when no tracks are selected, refs #36320

diff --git src/hg/htdocs/style/facetedComposite.css src/hg/htdocs/style/facetedComposite.css
index 19a3cc9eafe..b5f246d4c90 100644
--- src/hg/htdocs/style/facetedComposite.css
+++ src/hg/htdocs/style/facetedComposite.css
@@ -143,30 +143,37 @@
     position: absolute;
     height: 12px;
     width: 12px;
     left: 2px;
     bottom: 2px;
     background-color: white;
     border-radius: 50%;
     transition: transform 0.2s;
 }
 .toggle-switch input:checked + .toggle-slider {
     background-color: #4a90d9;
 }
 .toggle-switch input:checked + .toggle-slider::before {
     transform: translateX(12px);
 }
+.toggle-switch input:disabled + .toggle-slider {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+#selected-filter:has(input:disabled) #selected-filter-text {
+    opacity: 0.4;
+}
 
 /* Active filter chips bar */
 #active-filters {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-start;
     text-align: left;
     gap: 0.4em;
     padding: 0.5em 0;
     border-top: 1px solid #ddd;
     margin-top: 0.75em;
     width: 100%;
 }
 .filter-chip-group-label {