static/frontend/search: update header for symbol search
* Change color of "in" to match dash on package search package
* Make symbol kind clickable
Change-Id: I10cc58294ac20ce02987df6c84e1bb6deaf5fb47
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/341173
Trust: Julie Qiu <julie@golang.org>
Reviewed-by: Jonathan Amsterdam <jba@google.com>
diff --git a/static/frontend/search/search.css b/static/frontend/search/search.css
index 692b12c..8cf1df8 100644
--- a/static/frontend/search/search.css
+++ b/static/frontend/search/search.css
@@ -72,3 +72,6 @@
.SearchSnippet-header-dash {
color: var(--color-text-subtle);
}
+.SearchSnippet-symbolKind {
+ color: var(--color-text);
+}
diff --git a/static/frontend/search/search.tmpl b/static/frontend/search/search.tmpl
index 82a0221..943e18a 100644
--- a/static/frontend/search/search.tmpl
+++ b/static/frontend/search/search.tmpl
@@ -56,12 +56,12 @@
<div class="SearchSnippet">
<div class="SearchSnippet-headerContainer">
<h2>
- <span class="SearchSnippet-symbolKind">{{.SymbolKind}}</span>
<a href="{{.SymbolLink}}" data-gtmc="search result" data-gtmv="{{$i}}"
data-test-id="snippet-title">
+ <span class="SearchSnippet-symbolKind">{{.SymbolKind}}</span>
{{.SymbolName}}
</a>
- <span class="SearchSnippet-symbolPackagePath">in</span>
+ <span class="SearchSnippet-header-dash">in</span>
<a href="/{{$r.PackagePath}}"
class="">{{$r.PackagePath}}</a>
</h2>