eb076410a62ea6a94b71358424080af261ba2c25
jcasper
  Thu Mar 26 03:20:14 2026 -0700
Moved hgFetch into hgTrackUi; added etags, Cache-Control directives, and GET use instead of POST
when udcTimeout isn't set, all to support browser caching of remote files; bumped the DataTables version for facetedComposite
to facilitate making all the checkboxes have a consistent look; refs #36320

diff --git src/hg/htdocs/style/facetedComposite.css src/hg/htdocs/style/facetedComposite.css
index b9a6e685cec..8bfac71e18c 100644
--- src/hg/htdocs/style/facetedComposite.css
+++ src/hg/htdocs/style/facetedComposite.css
@@ -35,32 +35,39 @@
     flex: 1 1 auto;
     min-width: 0;
     box-sizing: border-box;
 }
 #theMetaDataTable {
     width: 100% !important;
     box-sizing: border-box;
 }
 #theMetaDataTable td:nth-child(n+2),
 #theMetaDataTable th:nth-child(n+2) {
     vertical-align: top;
     /* white-space: nowrap; */
     /* overflow: hidden;          /* hide overflow */
     min-width: 100px; /* Adjust width as needed */
 }
-#theMetaDataTable .select-checkbox {
-    width: 1em !important;   /* force narrow width */
+/* Override Select 3.0's custom checkbox styling to use native appearance */
+table.dataTable input.dt-select-checkbox {
+    appearance: auto;
+    width: auto;
+    height: auto;
+}
+table.dataTable input.dt-select-checkbox:checked::after,
+table.dataTable input.dt-select-checkbox:indeterminate::after {
+    display: none;
 }
 #theMetaDataTable input.row-select {
     /* additional checkbox styling */
 }
 table.dataTable {
     width: 100%;
     border-collapse: collapse;
     table-layout: auto;
 }
 table.dataTable tbody tr:nth-child(odd) {
     background-color: #f0f0f0;
 }
 table.dataTable tbody tr:nth-child(even) {
     background-color: #ffffff;
 }
@@ -93,31 +100,31 @@
     display: flex;
     flex-direction: column;
     gap: 0.3em;
 }
 .facet-body.collapsed {
     display: none;
 }
 
 /* "Show only selected" toggle in the toolbar */
 #selected-filter {
     display: inline-flex;
     align-items: center;
     gap: 0.5em;
     margin-left: 1.5em;
 }
-.dataTables_length {
+.dt-length {
     display: inline-flex !important;
     align-items: center;
 }
 
 /* Toggle switch for "show only selected" filter */
 .toggle-switch {
     position: relative;
     display: inline-block;
     width: 28px;
     height: 16px;
 }
 .toggle-switch input {
     opacity: 0;
     width: 0;
     height: 0;