3d8b0303c81cfaa92123682a67e37c104b0bcf55 max Wed Sep 10 07:53:46 2025 -0700 shortening the help text under the position box, not sure why this never made it out, foudn in sandbox, refs #35939 diff --git src/hg/js/autocomplete.js src/hg/js/autocomplete.js index 1d60c197091..78b3ddbbbe8 100644 --- src/hg/js/autocomplete.js +++ src/hg/js/autocomplete.js @@ -87,33 +87,33 @@ if ($posInput[0] !== document.activeElement) { // Reset value before adding watermark -- only if user is not already typing here $posInput.val(""); } var waterMark = suggestBox.restoreWatermark(db, assemblySupportsGeneSuggest); if (assemblySupportsGeneSuggest) { $.widget("custom.autocompletePosInput", $.ui.autocomplete, { _renderMenu: function(ul, items) { var that = this; jQuery.each(items, function(index, item) { that._renderItemData(ul, item); }); if ($(this)[0].term === "") { - ul.append("<div class='autoCompleteInfo' style='color:grey'>Showing 5 most recent searches. Enter 2 or more characters to start auto-complete search. Click the go button or press Enter to search across all tracks, hubs and our website. See 'examples' link above.</div>"); + ul.append("<div class='autoCompleteInfo'>Showing 5 most recent searches. Enter 2 or more characters to start auto-complete search.</div>"); } else { - ul.append("<div class='autoCompleteInfo' style='color:grey'>Click the go button or press Enter to search across all tracks, hubs and our website. See 'examples' link above.</div>"); + ul.append("<div class='autoCompleteInfo'>Click 'Search' or press Enter to search all tracks, hubs and our web pages. See 'examples' link.</div>"); } }, _renderItem: function(ul, item) { // In order to use HTML markup in the autocomplete, one has to overwrite // autocomplete's _renderItem method using .html instead of .text. // http://forum.jquery.com/topic/using-html-in-autocomplete let clockIcon = ''; if ($("#positionInput").val().length < 2) { clockIcon = '<svg xmlns="http://www.w3.org/2000/svg" height=".75em" width=".75em" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z"/></svg> '; } return $("<li></li>") .data("ui-autocomplete-item", item) .append($("<a></a>").html(clockIcon + item.label)) .appendTo(ul); }