make crate selector more explanatory

Author: lolbinarycat

src/librustdoc/html/static/css/rustdoc.css

@@ -1036,7 +1036,7 @@ table,
 }
 /* pseudo-element for holding the dropdown-arrow image; needs to be a separate thing
 so that we can apply CSS-filters to change the arrow color in themes */
-#crate-search-div::after {
+#crate-search::after {
 	/* lets clicks through! */
 	pointer-events: none;
 	/* completely covers the underlying div */

src/librustdoc/html/static/js/search.js

@@ -2760,7 +2760,7 @@ ${item.displayPath}<span class="${type}">${name}</span>\
      * @param {boolean} go_to_first
      * @param {string} filterCrates
      */
-    async function showResults(results, go_to_first, filterCrates) {
+    async function showResults(results, go_to_first, _filterCrates) {
         const search = searchState.outputElement();
         if (go_to_first || (results.others.length === 1
             && getSettingValue("go-to-only-result") === "true")
@@ -2815,9 +2815,7 @@ ${item.displayPath}<span class="${type}">${name}</span>\
             }
         }
 
-        let crates = "";
-
-        let output = `<h1 class="search-results-title">Results${crates}</h1>`;
+        let output = `<h1 class="search-results-title">Results</h1>`;
         if (results.query.error !== null) {
             const error = results.query.error;
             error.forEach((value, index) => {
@@ -3880,16 +3878,19 @@ ${item.displayPath}<span class="${type}">${name}</span>\
 
 
     console.log(rawSearchIndex);
-    let crates = "";
+    let crates = "Searching in ";
     if (rawSearchIndex.size > 1) {
-        crates = "<div id=\"crate-search-div\"><select id=\"crate-search\">" +
+        crates += "<select id=\"crate-search\">" +
             "<option value=\"all crates\" selected>all crates</option>";
         for (const c of rawSearchIndex.keys()) {
+            console.log(c);
             crates += `<option value="${c}">${c}</option>`;
         }
-        crates += "</select></div>";
+        crates += "</select>";
+    } else {
+        crates += rawSearchIndex.keys().next().value;
     }
-    document.getElementById("search-focus-panel").innerHTML = crates;
+    document.getElementById("crate-search-div").innerHTML = crates;
 }
 
 if (typeof window !== "undefined") {

src/librustdoc/html/static/js/storage.js

@@ -279,7 +279,7 @@ class RustdocSearchElement extends HTMLElement {
                 </div>
             </form>
         </nav>
-       <div id="search-focus-panel">loading crate list...</div>`;
+       <div id="search-focus-panel"><div id="crate-search-div">loading crate list...</div></div>`;
     }
 }
 window.customElements.define("rustdoc-search", RustdocSearchElement);