static/frontend/search: chip background color changes on hover
Change-Id: Id6cd2648133859aba73c1779a56252875b5765eb
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/349669
Trust: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
TryBot-Result: kokoro <noreply+kokoro@google.com>
Reviewed-by: Julie Qiu <julie@golang.org>
diff --git a/static/frontend/search/search.css b/static/frontend/search/search.css
index b8fcfc8..0cd9428 100644
--- a/static/frontend/search/search.css
+++ b/static/frontend/search/search.css
@@ -8,6 +8,9 @@
.go-SearchForm {
display: none;
}
+.SearchSnippet .go-Chip:hover {
+ background-color: var(--color-background-highlighted);
+}
.SearchResults {
font-size: 0.875rem;
diff --git a/static/frontend/search/search.min.css b/static/frontend/search/search.min.css
index a4e17da..64add91 100644
--- a/static/frontend/search/search.min.css
+++ b/static/frontend/search/search.min.css
@@ -3,5 +3,5 @@
* Use of this source code is governed by a BSD-style
* license that can be found in the LICENSE file.
*/
-.go-SearchForm{display:none}.SearchResults{font-size:.875rem;padding-top:.75rem}.SearchResults-header{margin:.5rem 0 0}.SearchResults-header[data-fixed]{background-color:var(--color-background-accented);border-bottom:var(--border);height:3.5rem;position:sticky;top:0}.SearchResults-headerContent{align-items:center;display:flex;gap:.5rem;height:100%;margin:auto;max-width:63rem;padding:.5rem var(--gutter)}.SearchResults-headerLogo{--logo-height: 1.75rem;--logo-width: calc(var(--logo-height) / .3768);align-items:center;display:flex;margin-right:-.5rem;opacity:0;transition:opacity .25s ease-in-out,width .25s ease-out;visibility:hidden;width:0}.SearchResults-headerLogo[data-fixed]{margin-right:.5rem;opacity:1;visibility:visible;width:var(--logo-width)}.SearchResults-headerLogo img{height:var(--logo-height);margin:-1rem 0;width:var(--logo-width)}.SearchResults-search{flex-grow:1;max-width:31.5rem}.SearchResults-tabs{border-bottom:var(--border)}.SearchResults-tabs nav{margin:auto;max-width:63rem;padding:0 var(--gutter)}.SearchResults-summary{color:var(--color-text-subtle);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;line-height:1.5rem;margin:-.25rem 0 .25rem}@media only screen and (min-width: 64rem){.SearchResults-summary{align-items:baseline;flex-direction:row}}.SearchResults-summary h1{font-size:inherit;font-weight:inherit}.SearchResults-emptyContentMessage{text-align:center}.SearchSnippet{display:flex;flex-direction:column;gap:.375rem;padding:0 0 2.75rem}.SearchSnippet h2{font-size:1.25rem;font-weight:400}.SearchSnippet:last-of-type{padding:0 0 1rem}.SearchSnippet-synopsis{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.SearchSnippet-infoLabel{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:-.0625rem}.SearchSnippet-sub{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.SearchSnippet-symbolCode{font-size:.75rem;margin:.25rem 0}.SearchSnippet-sub a[data-hidden]{display:none}.SearchSnippet-sub a{color:var(--color-text-subtle)}.SearchSnippet-sub a:hover{color:var(--color-brand-primary)}.SearchSnippet-headerContainer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.SearchSnippet-header-name{color:var(--color-text)}.SearchSnippet-header-dash{color:var(--color-text-subtle)}.SearchSnippet-symbolKind{color:var(--color-text)}.SearchPagination{height:1.5rem}
+.go-SearchForm{display:none}.SearchSnippet .go-Chip:hover{background-color:var(--color-background-highlighted)}.SearchResults{font-size:.875rem;padding-top:.75rem}.SearchResults-header{margin:.5rem 0 0}.SearchResults-header[data-fixed]{background-color:var(--color-background-accented);border-bottom:var(--border);height:3.5rem;position:sticky;top:0}.SearchResults-headerContent{align-items:center;display:flex;gap:.5rem;height:100%;margin:auto;max-width:63rem;padding:.5rem var(--gutter)}.SearchResults-headerLogo{--logo-height: 1.75rem;--logo-width: calc(var(--logo-height) / .3768);align-items:center;display:flex;margin-right:-.5rem;opacity:0;transition:opacity .25s ease-in-out,width .25s ease-out;visibility:hidden;width:0}.SearchResults-headerLogo[data-fixed]{margin-right:.5rem;opacity:1;visibility:visible;width:var(--logo-width)}.SearchResults-headerLogo img{height:var(--logo-height);margin:-1rem 0;width:var(--logo-width)}.SearchResults-search{flex-grow:1;max-width:31.5rem}.SearchResults-tabs{border-bottom:var(--border)}.SearchResults-tabs nav{margin:auto;max-width:63rem;padding:0 var(--gutter)}.SearchResults-summary{color:var(--color-text-subtle);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;line-height:1.5rem;margin:-.25rem 0 .25rem}@media only screen and (min-width: 64rem){.SearchResults-summary{align-items:baseline;flex-direction:row}}.SearchResults-summary h1{font-size:inherit;font-weight:inherit}.SearchResults-emptyContentMessage{text-align:center}.SearchSnippet{display:flex;flex-direction:column;gap:.375rem;padding:0 0 2.75rem}.SearchSnippet h2{font-size:1.25rem;font-weight:400}.SearchSnippet:last-of-type{padding:0 0 1rem}.SearchSnippet-synopsis{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.SearchSnippet-infoLabel{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:-.0625rem}.SearchSnippet-sub{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.SearchSnippet-symbolCode{font-size:.75rem;margin:.25rem 0}.SearchSnippet-sub a[data-hidden]{display:none}.SearchSnippet-sub a{color:var(--color-text-subtle)}.SearchSnippet-sub a:hover{color:var(--color-brand-primary)}.SearchSnippet-headerContainer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.SearchSnippet-header-name{color:var(--color-text)}.SearchSnippet-header-dash{color:var(--color-text-subtle)}.SearchSnippet-symbolKind{color:var(--color-text)}.SearchPagination{height:1.5rem}
/*# sourceMappingURL=search.min.css.map */
diff --git a/static/frontend/search/search.min.css.map b/static/frontend/search/search.min.css.map
index d41df9c..22bbc58 100644
--- a/static/frontend/search/search.min.css.map
+++ b/static/frontend/search/search.min.css.map
@@ -1,7 +1,7 @@
{
"version": 3,
"sources": ["search.css"],
- "sourcesContent": ["/*\n * Copyright 2021 The Go Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style\n * license that can be found in the LICENSE file.\n */\n\n/* Hide the search form in the header. */\n.go-SearchForm {\n display: none;\n}\n\n.SearchResults {\n font-size: 0.875rem;\n padding-top: 0.75rem;\n}\n.SearchResults-header {\n margin: 0.5rem 0 0;\n}\n.SearchResults-header[data-fixed] {\n background-color: var(--color-background-accented);\n border-bottom: var(--border);\n height: 3.5rem;\n position: sticky;\n top: 0;\n}\n.SearchResults-headerContent {\n align-items: center;\n display: flex;\n gap: 0.5rem;\n height: 100%;\n margin: auto;\n max-width: 63rem;\n padding: 0.5rem var(--gutter);\n}\n.SearchResults-headerLogo {\n --logo-height: 1.75rem;\n --logo-width: calc(var(--logo-height) / 0.3768);\n\n align-items: center;\n display: flex;\n margin-right: -0.5rem;\n opacity: 0;\n transition: opacity 0.25s ease-in-out, width 0.25s ease-out;\n visibility: hidden;\n width: 0;\n}\n.SearchResults-headerLogo[data-fixed] {\n margin-right: 0.5rem;\n opacity: 1;\n visibility: visible;\n width: var(--logo-width);\n}\n.SearchResults-headerLogo img {\n height: var(--logo-height);\n margin: -1rem 0;\n width: var(--logo-width);\n}\n.SearchResults-search {\n flex-grow: 1;\n max-width: 31.5rem;\n}\n.SearchResults-tabs {\n border-bottom: var(--border);\n}\n.SearchResults-tabs nav {\n margin: auto;\n max-width: 63rem;\n padding: 0 var(--gutter);\n}\n.SearchResults-summary {\n color: var(--color-text-subtle);\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: space-between;\n line-height: 1.5rem;\n margin: -0.25rem 0 0.25rem 0;\n}\n@media only screen and (min-width: 64rem) {\n .SearchResults-summary {\n align-items: baseline;\n flex-direction: row;\n }\n}\n.SearchResults-summary h1 {\n font-size: inherit;\n font-weight: inherit;\n}\n.SearchResults-emptyContentMessage {\n text-align: center;\n}\n\n.SearchSnippet {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n padding: 0 0 2.75rem 0;\n}\n.SearchSnippet h2 {\n font-size: 1.25rem;\n font-weight: 400;\n}\n.SearchSnippet:last-of-type {\n padding: 0 0 1rem 0;\n}\n.SearchSnippet-synopsis {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.SearchSnippet-infoLabel {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem 1rem;\n margin-top: -0.0625rem;\n}\n.SearchSnippet-sub {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.SearchSnippet-symbolCode {\n font-size: 0.75rem;\n margin: 0.25rem 0;\n}\n.SearchSnippet-sub a[data-hidden] {\n display: none;\n}\n.SearchSnippet-sub a {\n color: var(--color-text-subtle);\n}\n.SearchSnippet-sub a:hover {\n color: var(--color-brand-primary);\n}\n.SearchSnippet-headerContainer {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.SearchSnippet-header-name {\n color: var(--color-text);\n}\n.SearchSnippet-header-dash {\n color: var(--color-text-subtle);\n}\n.SearchSnippet-symbolKind {\n color: var(--color-text);\n}\n.SearchPagination {\n height: 1.5rem;\n}\n"],
- "mappings": ";;;;;AAOA,eACE,aAGF,eACE,kBACA,mBAEF,sBAfA,iBAkBA,kCACE,kDACA,4BACA,cACA,gBACA,MAEF,6BACE,mBACA,aACA,UACA,YA7BF,YA+BE,gBACA,4BAEF,0BACE,uBACA,+CAEA,mBACA,aACA,oBACA,UACA,wDACA,kBACA,QAEF,sCACE,mBACA,UACA,mBACA,wBAEF,8BACE,0BArDF,eAuDE,wBAEF,sBACE,YACA,kBAEF,oBACE,4BAEF,wBAhEA,YAkEE,gBACA,wBAEF,uBACE,+BACA,aACA,sBACA,SACA,8BACA,mBA3EF,wBA8EA,0CACE,uBACE,qBACA,oBAGJ,0BACE,kBACA,oBAEF,mCACE,kBAGF,eACE,aACA,sBACA,YA/FF,oBAkGA,kBACE,kBACA,gBAEF,4BAtGA,iBAyGA,wBACE,4BACA,oBACA,qBACA,gBACA,uBAEF,yBACE,aACA,eACA,eACA,qBAEF,mBACE,mBACA,aACA,eACA,UAEF,0BACE,iBA7HF,gBAgIA,kCACE,aAEF,qBACE,+BAEF,2BACE,iCAEF,+BACE,mBACA,aACA,eACA,UAEF,2BACE,wBAEF,2BACE,+BAEF,0BACE,wBAEF,kBACE",
+ "sourcesContent": ["/*\n * Copyright 2021 The Go Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style\n * license that can be found in the LICENSE file.\n */\n\n/* Hide the search form in the header. */\n.go-SearchForm {\n display: none;\n}\n.SearchSnippet .go-Chip:hover {\n background-color: var(--color-background-highlighted);\n}\n\n.SearchResults {\n font-size: 0.875rem;\n padding-top: 0.75rem;\n}\n.SearchResults-header {\n margin: 0.5rem 0 0;\n}\n.SearchResults-header[data-fixed] {\n background-color: var(--color-background-accented);\n border-bottom: var(--border);\n height: 3.5rem;\n position: sticky;\n top: 0;\n}\n.SearchResults-headerContent {\n align-items: center;\n display: flex;\n gap: 0.5rem;\n height: 100%;\n margin: auto;\n max-width: 63rem;\n padding: 0.5rem var(--gutter);\n}\n.SearchResults-headerLogo {\n --logo-height: 1.75rem;\n --logo-width: calc(var(--logo-height) / 0.3768);\n\n align-items: center;\n display: flex;\n margin-right: -0.5rem;\n opacity: 0;\n transition: opacity 0.25s ease-in-out, width 0.25s ease-out;\n visibility: hidden;\n width: 0;\n}\n.SearchResults-headerLogo[data-fixed] {\n margin-right: 0.5rem;\n opacity: 1;\n visibility: visible;\n width: var(--logo-width);\n}\n.SearchResults-headerLogo img {\n height: var(--logo-height);\n margin: -1rem 0;\n width: var(--logo-width);\n}\n.SearchResults-search {\n flex-grow: 1;\n max-width: 31.5rem;\n}\n.SearchResults-tabs {\n border-bottom: var(--border);\n}\n.SearchResults-tabs nav {\n margin: auto;\n max-width: 63rem;\n padding: 0 var(--gutter);\n}\n.SearchResults-summary {\n color: var(--color-text-subtle);\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: space-between;\n line-height: 1.5rem;\n margin: -0.25rem 0 0.25rem 0;\n}\n@media only screen and (min-width: 64rem) {\n .SearchResults-summary {\n align-items: baseline;\n flex-direction: row;\n }\n}\n.SearchResults-summary h1 {\n font-size: inherit;\n font-weight: inherit;\n}\n.SearchResults-emptyContentMessage {\n text-align: center;\n}\n\n.SearchSnippet {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n padding: 0 0 2.75rem 0;\n}\n.SearchSnippet h2 {\n font-size: 1.25rem;\n font-weight: 400;\n}\n.SearchSnippet:last-of-type {\n padding: 0 0 1rem 0;\n}\n.SearchSnippet-synopsis {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.SearchSnippet-infoLabel {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem 1rem;\n margin-top: -0.0625rem;\n}\n.SearchSnippet-sub {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.SearchSnippet-symbolCode {\n font-size: 0.75rem;\n margin: 0.25rem 0;\n}\n.SearchSnippet-sub a[data-hidden] {\n display: none;\n}\n.SearchSnippet-sub a {\n color: var(--color-text-subtle);\n}\n.SearchSnippet-sub a:hover {\n color: var(--color-brand-primary);\n}\n.SearchSnippet-headerContainer {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n.SearchSnippet-header-name {\n color: var(--color-text);\n}\n.SearchSnippet-header-dash {\n color: var(--color-text-subtle);\n}\n.SearchSnippet-symbolKind {\n color: var(--color-text);\n}\n.SearchPagination {\n height: 1.5rem;\n}\n"],
+ "mappings": ";;;;;AAOA,eACE,aAEF,8BACE,qDAGF,eACE,kBACA,mBAEF,sBAlBA,iBAqBA,kCACE,kDACA,4BACA,cACA,gBACA,MAEF,6BACE,mBACA,aACA,UACA,YAhCF,YAkCE,gBACA,4BAEF,0BACE,uBACA,+CAEA,mBACA,aACA,oBACA,UACA,wDACA,kBACA,QAEF,sCACE,mBACA,UACA,mBACA,wBAEF,8BACE,0BAxDF,eA0DE,wBAEF,sBACE,YACA,kBAEF,oBACE,4BAEF,wBAnEA,YAqEE,gBACA,wBAEF,uBACE,+BACA,aACA,sBACA,SACA,8BACA,mBA9EF,wBAiFA,0CACE,uBACE,qBACA,oBAGJ,0BACE,kBACA,oBAEF,mCACE,kBAGF,eACE,aACA,sBACA,YAlGF,oBAqGA,kBACE,kBACA,gBAEF,4BAzGA,iBA4GA,wBACE,4BACA,oBACA,qBACA,gBACA,uBAEF,yBACE,aACA,eACA,eACA,qBAEF,mBACE,mBACA,aACA,eACA,UAEF,0BACE,iBAhIF,gBAmIA,kCACE,aAEF,qBACE,+BAEF,2BACE,iCAEF,+BACE,mBACA,aACA,eACA,UAEF,2BACE,wBAEF,2BACE,+BAEF,0BACE,wBAEF,kBACE",
"names": []
}