commit bb6530d3c036e8578505bb4b0a36492e7d304881
author Julie Qiu <julie@golang.org> Tue Aug 10 13:52:44 2021 -0400
committer Julie Qiu <julie@golang.org> Wed Aug 11 14:27:55 2021 +0000
tree f04c6fd639b845f521d1612bdd50ce16a47d4bec
parent c58f207c21b0a157c7caeecf2f90848b6afe78c2

static/frontend/search: header updates

Update header based on
https://gallery.googleplex.com/files/36305c9cb04d47e6be55916c3c13078eto:

* Show "Search instead for: " in black, and increase snippet font size
* Change SearchResults-summary to color-text-subtle
* Tweaked message in summary

Change-Id: I98f12f0813bf527ad94afcfdb53cb1eeade34615
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/341175
Trust: Julie Qiu <julie@golang.org>
Run-TryBot: Julie Qiu <julie@golang.org>
TryBot-Result: kokoro <noreply+kokoro@google.com>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Jonathan Amsterdam <jba@google.com>

static/frontend/search/search.css

diff --git a/static/frontend/search/search.css b/static/frontend/search/search.css
index 8cf1df8..3b5f71c 100644
--- a/static/frontend/search/search.css
+++ b/static/frontend/search/search.css
@@ -7,12 +7,19 @@
 .SearchResults {
   font-size: 0.875rem;
 }
+.SearchResults-instead {
+  font-size: 1.25rem;
+}
+.SearchResults-instead span {
+  color: var(--color-text);
+}
 .SearchResults-summary {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   justify-content: space-between;
   line-height: 1.5rem;
+  color: var(--color-text-subtle);
 }
 @media only screen and (min-width: 64rem) {
   .SearchResults-summary {

static/frontend/search/search.tmpl

diff --git a/static/frontend/search/search.tmpl b/static/frontend/search/search.tmpl
index 943e18a..a7d130d 100644
--- a/static/frontend/search/search.tmpl
+++ b/static/frontend/search/search.tmpl
@@ -29,12 +29,18 @@
 
 {{define "search_identifier"}}
   <h1>Identifiers matching “{{.Query}}”</h1>
-  <a href="{{.Pagination.URL .Pagination.Limit "packages"}}">Search instead for “package: {{.Query}}”</a>
+  <a class="SearchResults-instead" href="{{.Pagination.URL .Pagination.Limit "packages"}}">
+    <span>Search instead for </span>
+    “package: {{.Query}}”
+  </a>
   {{if gt (len .Results) 0}}
     <div class="SearchResults-summary">
       <div>
-        Found {{len $.Results}} matching identifiers (names of constants, variables, types,
-        functions, methods, and fields). <a href="/search-help">Search help.</a>
+        <div>
+          Showing <strong>{{len $.Results}}</strong> matching identifiers.
+          An identifier is a constant, variable, function, type, or field.
+          <a href="/search-help">Search help</a>
+        </div>
       </div>
       {{template "search_pagination" .}}
     </div>
@@ -76,11 +82,14 @@
 
 {{define "search_package"}}
   <h1>Search results for “{{.Query}}”</h1>
-  <a href="{{.Pagination.URL .Pagination.Limit "identifiers"}}">Search instead for “identifier: {{.Query}}”</a>
+  <a class="SearchResults-instead" href="{{.Pagination.URL .Pagination.Limit "identifiers"}}">
+    <span class="SearchSnippet-symbolPackagePath">Search instead for </span>
+    “identifier: {{.Query}}”
+  </a>
   {{if gt (len .Results) 0}}
     <div class="SearchResults-summary">
       <div>
-        Found {{len .Results}} modules with matching packages. <a href="/search-help">Search help.</a>
+        Showing <strong>{{len .Results}}</strong> modules with matching packages. <a href="/search-help">Search help</a>
       </div>
       {{template "search_pagination" .}}
     </div>