16eee40c920d259c10ee345472708d0cc0cc3393 chmalee Tue Mar 3 11:25:23 2026 -0800 Adds an hg.conf defined 'popular' species list to the new search bar as a 'default' list of results upon focus of the search bar. Combines with 'recents' list. Add a chevron next to the search bar so users know the autocomplete has some default options, refs #36232 diff --git src/hg/htdocs/inc/hgSearch.html src/hg/htdocs/inc/hgSearch.html index 3abe8aad96b..2324562c98f 100644 --- src/hg/htdocs/inc/hgSearch.html +++ src/hg/htdocs/inc/hgSearch.html @@ -126,30 +126,31 @@ #spinner { position: absolute; right: -25px; top: 2px; } </style> <div id="grid"> <div> <div class='gbSectionBanner searchTitle'>Search across the Genome Browser site</div> <div class="headerSpacer"> </div> <div class="searchStep"> <div class="stepLabel">Step 1: Select a Genome</div> <div class="selectWrap"> <input type="text" id="genomeSearch" class="genomeSearch" placeholder="Search for species or assembly..." /> + <button id="genomeSearchToggle" type="button" class="genomeSearchToggle" tabindex="-1" aria-label="Show popular assemblies" title="Show recent and popular assemblies">▼</button> <input type="button" id="genomeSearchButton" value="Change Genome" /> </div> <div id="currentGenome" class="currentGenomeLabel"> <!-- Shows currently selected genome, populated by JS --> </div> </div> <div class="searchStep"> <div class="stepLabel">Step 2: Search for a Term</div> <div class="selectWrap"> <input name="searchString" id="searchBarSearchString" type="text" placeholder="TP53" /> <input name="searchButton" id="searchBarSearchButton" type="submit" value="Search" /> </div> <a href="../../goldenPath/help/query.html">Examples</a> </div> <p>Use the tree to hide/show results from only these categories. Hover your mouse over each category for an explanation:</p>