static: remove search mode dropdown
We infer the search mode from the query and will provide
a tab based interface to switch modes, so the dropdown
is no longer necessary.
For golang/go#44142
Change-Id: Ifa5de0cca7f5c989d1529d3bed15e0c889cbc571
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/347397
Trust: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Jonathan Amsterdam <jba@google.com>
diff --git a/static/frontend/homepage/homepage.css b/static/frontend/homepage/homepage.css
index 00b7109..615af4d 100644
--- a/static/frontend/homepage/homepage.css
+++ b/static/frontend/homepage/homepage.css
@@ -59,7 +59,7 @@
.Homepage-search--symbol .go-Input {
border-bottom-right-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
- padding-left: 1rem;
+ padding-left: 2.5rem;
}
.Homepage-search .go-Button {
justify-content: center;
diff --git a/static/frontend/homepage/homepage.min.css b/static/frontend/homepage/homepage.min.css
index cfbb207..964b829 100644
--- a/static/frontend/homepage/homepage.min.css
+++ b/static/frontend/homepage/homepage.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}.Homepage-logo{border-radius:var(--border-radius);display:block;height:10rem;margin:3.125rem auto;width:auto}[data-theme=dark] .Homepage-logo{mix-blend-mode:difference}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .Homepage-logo{mix-blend-mode:difference}}@media only screen and (min-width: 52rem){.Homepage{margin:2rem auto}.Homepage-logo{margin:3.5rem auto}}.Homepage-search{--border-radius: .5rem;height:3rem;margin:2.5rem auto 0;max-width:45.0625rem;position:relative;width:100%}.Homepage-search:before{background:url(/static/shared/icon/search_gm_grey_24dp.svg) left no-repeat;content:"";height:3rem;left:.75rem;position:absolute;width:1.5rem;z-index:3}.Homepage-search .go-Select{padding-left:2.5rem}.Homepage-search .go-Input{padding-left:2.5rem}.Homepage-search--symbol .go-Input{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding-left:1rem}.Homepage-search .go-Button{justify-content:center;width:7.375rem}.Homepage-search--symbol .go-Button{display:none}@media only screen and (min-width: 30rem){.Homepage-search--symbol .go-Input{border-bottom-right-radius:0;border-top-right-radius:0}.Homepage-search--symbol .go-Button{display:inline-flex}}.Homepage-searchHelp{align-items:center;display:block;justify-content:space-between;margin:0 auto;max-width:45.0625rem;text-align:center;width:100%}@media only screen and (min-width: 30rem){.Homepage-searchHelp{display:flex}}a.Homepage-helpLink{align-items:center;display:inline-flex;font-size:1em;font-weight:initial;margin-right:.5rem;white-space:nowrap}.Homepage-helpLink img{height:1rem;margin-left:.25rem;position:relative;top:.1875rem;width:1rem}.Homepage-exampleSearches{align-items:center;color:var(--color-text-subtle);display:block;font-size:.875rem;font-weight:500;text-align:center;width:100%}@media only screen and (min-width: 30rem){.Homepage-exampleSearches{display:flex}}.Homepage-exampleSearchesLabel{display:block;margin-bottom:1rem;text-transform:uppercase}@media only screen and (min-width: 30rem){.Homepage-exampleSearchesLabel{display:inline;margin-bottom:-.1rem}}.Homepage-exampleSearch{color:var(--color-brand-primary);font-size:1rem;font-weight:initial;padding:0 .625rem}.Questions{background:var(--color-background-accented);color:var(--color-text);display:flex;padding-bottom:1rem;padding-top:.5rem}.Questions-header{color:var(--color-text);font-weight:bold;margin:1rem 0}.Questions-content{flex-grow:1;margin:0 auto;max-width:75.75rem;padding:0 1.5rem}.Questions-content ul{list-style:none;padding-inline-start:0}.Questions-content ul>li{font-size:.875rem;line-height:1.75rem}
+.go-SearchForm{display:none}.Homepage-logo{border-radius:var(--border-radius);display:block;height:10rem;margin:3.125rem auto;width:auto}[data-theme=dark] .Homepage-logo{mix-blend-mode:difference}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .Homepage-logo{mix-blend-mode:difference}}@media only screen and (min-width: 52rem){.Homepage{margin:2rem auto}.Homepage-logo{margin:3.5rem auto}}.Homepage-search{--border-radius: .5rem;height:3rem;margin:2.5rem auto 0;max-width:45.0625rem;position:relative;width:100%}.Homepage-search:before{background:url(/static/shared/icon/search_gm_grey_24dp.svg) left no-repeat;content:"";height:3rem;left:.75rem;position:absolute;width:1.5rem;z-index:3}.Homepage-search .go-Select{padding-left:2.5rem}.Homepage-search .go-Input{padding-left:2.5rem}.Homepage-search--symbol .go-Input{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding-left:2.5rem}.Homepage-search .go-Button{justify-content:center;width:7.375rem}.Homepage-search--symbol .go-Button{display:none}@media only screen and (min-width: 30rem){.Homepage-search--symbol .go-Input{border-bottom-right-radius:0;border-top-right-radius:0}.Homepage-search--symbol .go-Button{display:inline-flex}}.Homepage-searchHelp{align-items:center;display:block;justify-content:space-between;margin:0 auto;max-width:45.0625rem;text-align:center;width:100%}@media only screen and (min-width: 30rem){.Homepage-searchHelp{display:flex}}a.Homepage-helpLink{align-items:center;display:inline-flex;font-size:1em;font-weight:initial;margin-right:.5rem;white-space:nowrap}.Homepage-helpLink img{height:1rem;margin-left:.25rem;position:relative;top:.1875rem;width:1rem}.Homepage-exampleSearches{align-items:center;color:var(--color-text-subtle);display:block;font-size:.875rem;font-weight:500;text-align:center;width:100%}@media only screen and (min-width: 30rem){.Homepage-exampleSearches{display:flex}}.Homepage-exampleSearchesLabel{display:block;margin-bottom:1rem;text-transform:uppercase}@media only screen and (min-width: 30rem){.Homepage-exampleSearchesLabel{display:inline;margin-bottom:-.1rem}}.Homepage-exampleSearch{color:var(--color-brand-primary);font-size:1rem;font-weight:initial;padding:0 .625rem}.Questions{background:var(--color-background-accented);color:var(--color-text);display:flex;padding-bottom:1rem;padding-top:.5rem}.Questions-header{color:var(--color-text);font-weight:bold;margin:1rem 0}.Questions-content{flex-grow:1;margin:0 auto;max-width:75.75rem;padding:0 1.5rem}.Questions-content ul{list-style:none;padding-inline-start:0}.Questions-content ul>li{font-size:.875rem;line-height:1.75rem}
/*# sourceMappingURL=homepage.min.css.map */
diff --git a/static/frontend/homepage/homepage.min.css.map b/static/frontend/homepage/homepage.min.css.map
index 622d1a2..4cbda74 100644
--- a/static/frontend/homepage/homepage.min.css.map
+++ b/static/frontend/homepage/homepage.min.css.map
@@ -1,7 +1,7 @@
{
"version": 3,
"sources": ["homepage.css"],
- "sourcesContent": ["/*!\n * Copyright 2020 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.Homepage-logo {\n border-radius: var(--border-radius);\n display: block;\n height: 10rem;\n margin: 3.125rem auto;\n width: auto;\n}\n[data-theme='dark'] .Homepage-logo {\n mix-blend-mode: difference;\n}\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme='light']) .Homepage-logo {\n mix-blend-mode: difference;\n }\n}\n@media only screen and (min-width: 52rem) {\n .Homepage {\n margin: 2rem auto;\n }\n .Homepage-logo {\n margin: 3.5rem auto;\n }\n}\n.Homepage-search {\n --border-radius: 0.5rem;\n\n height: 3rem;\n margin: 2.5rem auto 0 auto;\n max-width: 45.0625rem;\n position: relative;\n width: 100%;\n}\n.Homepage-search::before {\n background: url('/static/shared/icon/search_gm_grey_24dp.svg') left no-repeat;\n content: '';\n height: 3rem;\n left: 0.75rem;\n position: absolute;\n width: 1.5rem;\n z-index: 3;\n}\n.Homepage-search .go-Select {\n padding-left: 2.5rem;\n}\n.Homepage-search .go-Input {\n padding-left: 2.5rem;\n}\n.Homepage-search--symbol .go-Input {\n border-bottom-right-radius: var(--border-radius);\n border-top-right-radius: var(--border-radius);\n padding-left: 1rem;\n}\n.Homepage-search .go-Button {\n justify-content: center;\n width: 7.375rem;\n}\n.Homepage-search--symbol .go-Button {\n display: none;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-search--symbol .go-Input {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n .Homepage-search--symbol .go-Button {\n display: inline-flex;\n }\n}\n.Homepage-searchHelp {\n align-items: center;\n display: block;\n justify-content: space-between;\n margin: 0 auto;\n max-width: 45.0625rem;\n text-align: center;\n width: 100%;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-searchHelp {\n display: flex;\n }\n}\na.Homepage-helpLink {\n align-items: center;\n display: inline-flex;\n font-size: 1em;\n font-weight: initial;\n margin-right: 0.5rem;\n white-space: nowrap;\n}\n.Homepage-helpLink img {\n height: 1rem;\n margin-left: 0.25rem;\n position: relative;\n top: 0.1875rem;\n width: 1rem;\n}\n.Homepage-exampleSearches {\n align-items: center;\n color: var(--color-text-subtle);\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n text-align: center;\n width: 100%;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-exampleSearches {\n display: flex;\n }\n}\n.Homepage-exampleSearchesLabel {\n display: block;\n margin-bottom: 1rem;\n text-transform: uppercase;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-exampleSearchesLabel {\n display: inline;\n margin-bottom: -0.1rem;\n }\n}\n.Homepage-exampleSearch {\n color: var(--color-brand-primary);\n font-size: 1rem;\n font-weight: initial;\n padding: 0 0.625rem;\n}\n.Questions {\n background: var(--color-background-accented);\n color: var(--color-text);\n display: flex;\n padding-bottom: 1rem;\n padding-top: 0.5rem;\n}\n.Questions-header {\n color: var(--color-text);\n font-weight: bold;\n margin: 1rem 0;\n}\n.Questions-content {\n flex-grow: 1;\n margin: 0 auto;\n max-width: 75.75rem;\n padding: 0 1.5rem;\n}\n.Questions-content ul {\n list-style: none;\n padding-inline-start: 0;\n}\n.Questions-content ul > li {\n font-size: 0.875rem;\n line-height: 1.75rem;\n}\n"],
- "mappings": ";;;;;AAOA,eACE,aAGF,eACE,mCACA,cACA,aAdF,qBAgBE,WAEF,iCACE,0BAEF,oCACE,+CACE,2BAGJ,0CACE,UA3BF,iBA8BE,eA9BF,oBAkCA,iBACE,uBAEA,YArCF,qBAuCE,qBACA,kBACA,WAEF,wBACE,2EACA,WACA,YACA,YACA,kBACA,aACA,UAEF,4BACE,oBAEF,2BACE,oBAEF,mCACE,gDACA,6CACA,kBAEF,4BACE,uBACA,eAEF,oCACE,aAEF,0CACE,mCACE,6BACA,0BAEF,oCACE,qBAGJ,qBACE,mBACA,cACA,8BAlFF,cAoFE,qBACA,kBACA,WAEF,0CACE,qBACE,cAGJ,oBACE,mBACA,oBACA,cACA,oBACA,mBACA,mBAEF,uBACE,YACA,mBACA,kBACA,aACA,WAEF,0BACE,mBACA,+BACA,cACA,kBACA,gBACA,kBACA,WAEF,0CACE,0BACE,cAGJ,+BACE,cACA,mBACA,yBAEF,0CACE,+BACE,eACA,sBAGJ,wBACE,iCACA,eACA,oBAxIF,kBA2IA,WACE,4CACA,wBACA,aACA,oBACA,kBAEF,kBACE,wBACA,iBApJF,cAuJA,mBACE,YAxJF,cA0JE,mBA1JF,iBA6JA,sBACE,gBACA,uBAEF,yBACE,kBACA",
+ "sourcesContent": ["/*!\n * Copyright 2020 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.Homepage-logo {\n border-radius: var(--border-radius);\n display: block;\n height: 10rem;\n margin: 3.125rem auto;\n width: auto;\n}\n[data-theme='dark'] .Homepage-logo {\n mix-blend-mode: difference;\n}\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme='light']) .Homepage-logo {\n mix-blend-mode: difference;\n }\n}\n@media only screen and (min-width: 52rem) {\n .Homepage {\n margin: 2rem auto;\n }\n .Homepage-logo {\n margin: 3.5rem auto;\n }\n}\n.Homepage-search {\n --border-radius: 0.5rem;\n\n height: 3rem;\n margin: 2.5rem auto 0 auto;\n max-width: 45.0625rem;\n position: relative;\n width: 100%;\n}\n.Homepage-search::before {\n background: url('/static/shared/icon/search_gm_grey_24dp.svg') left no-repeat;\n content: '';\n height: 3rem;\n left: 0.75rem;\n position: absolute;\n width: 1.5rem;\n z-index: 3;\n}\n.Homepage-search .go-Select {\n padding-left: 2.5rem;\n}\n.Homepage-search .go-Input {\n padding-left: 2.5rem;\n}\n.Homepage-search--symbol .go-Input {\n border-bottom-right-radius: var(--border-radius);\n border-top-right-radius: var(--border-radius);\n padding-left: 2.5rem;\n}\n.Homepage-search .go-Button {\n justify-content: center;\n width: 7.375rem;\n}\n.Homepage-search--symbol .go-Button {\n display: none;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-search--symbol .go-Input {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n .Homepage-search--symbol .go-Button {\n display: inline-flex;\n }\n}\n.Homepage-searchHelp {\n align-items: center;\n display: block;\n justify-content: space-between;\n margin: 0 auto;\n max-width: 45.0625rem;\n text-align: center;\n width: 100%;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-searchHelp {\n display: flex;\n }\n}\na.Homepage-helpLink {\n align-items: center;\n display: inline-flex;\n font-size: 1em;\n font-weight: initial;\n margin-right: 0.5rem;\n white-space: nowrap;\n}\n.Homepage-helpLink img {\n height: 1rem;\n margin-left: 0.25rem;\n position: relative;\n top: 0.1875rem;\n width: 1rem;\n}\n.Homepage-exampleSearches {\n align-items: center;\n color: var(--color-text-subtle);\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n text-align: center;\n width: 100%;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-exampleSearches {\n display: flex;\n }\n}\n.Homepage-exampleSearchesLabel {\n display: block;\n margin-bottom: 1rem;\n text-transform: uppercase;\n}\n@media only screen and (min-width: 30rem) {\n .Homepage-exampleSearchesLabel {\n display: inline;\n margin-bottom: -0.1rem;\n }\n}\n.Homepage-exampleSearch {\n color: var(--color-brand-primary);\n font-size: 1rem;\n font-weight: initial;\n padding: 0 0.625rem;\n}\n.Questions {\n background: var(--color-background-accented);\n color: var(--color-text);\n display: flex;\n padding-bottom: 1rem;\n padding-top: 0.5rem;\n}\n.Questions-header {\n color: var(--color-text);\n font-weight: bold;\n margin: 1rem 0;\n}\n.Questions-content {\n flex-grow: 1;\n margin: 0 auto;\n max-width: 75.75rem;\n padding: 0 1.5rem;\n}\n.Questions-content ul {\n list-style: none;\n padding-inline-start: 0;\n}\n.Questions-content ul > li {\n font-size: 0.875rem;\n line-height: 1.75rem;\n}\n"],
+ "mappings": ";;;;;AAOA,eACE,aAGF,eACE,mCACA,cACA,aAdF,qBAgBE,WAEF,iCACE,0BAEF,oCACE,+CACE,2BAGJ,0CACE,UA3BF,iBA8BE,eA9BF,oBAkCA,iBACE,uBAEA,YArCF,qBAuCE,qBACA,kBACA,WAEF,wBACE,2EACA,WACA,YACA,YACA,kBACA,aACA,UAEF,4BACE,oBAEF,2BACE,oBAEF,mCACE,gDACA,6CACA,oBAEF,4BACE,uBACA,eAEF,oCACE,aAEF,0CACE,mCACE,6BACA,0BAEF,oCACE,qBAGJ,qBACE,mBACA,cACA,8BAlFF,cAoFE,qBACA,kBACA,WAEF,0CACE,qBACE,cAGJ,oBACE,mBACA,oBACA,cACA,oBACA,mBACA,mBAEF,uBACE,YACA,mBACA,kBACA,aACA,WAEF,0BACE,mBACA,+BACA,cACA,kBACA,gBACA,kBACA,WAEF,0CACE,0BACE,cAGJ,+BACE,cACA,mBACA,yBAEF,0CACE,+BACE,eACA,sBAGJ,wBACE,iCACA,eACA,oBAxIF,kBA2IA,WACE,4CACA,wBACA,aACA,oBACA,kBAEF,kBACE,wBACA,iBApJF,cAuJA,mBACE,YAxJF,cA0JE,mBA1JF,iBA6JA,sBACE,gBACA,uBAEF,yBACE,kBACA",
"names": []
}
diff --git a/static/frontend/homepage/homepage.tmpl b/static/frontend/homepage/homepage.tmpl
index 5f32c1e..5d42abb 100644
--- a/static/frontend/homepage/homepage.tmpl
+++ b/static/frontend/homepage/homepage.tmpl
@@ -17,12 +17,6 @@
{{if .Experiments.IsActive "symbol-search"}}Homepage-search--symbol{{end}}"
action="/search" role="search" data-gtmc="homepage search form"
aria-label="Search for a Package">
- {{if .Experiments.IsActive "symbol-search"}}
- <select name="m" class="go-Select">
- <option value="packages">Packages</option>
- <option value="{{.SearchModeSymbol}}">{{capitalize .SearchModeSymbol}}s</option>
- </select>
- {{end}}
<input
class="go-Input js-searchFocus"
data-test-id="homepage-search"
diff --git a/static/shared/header/header.tmpl b/static/shared/header/header.tmpl
index 4c3d024..83dc942 100644
--- a/static/shared/header/header.tmpl
+++ b/static/shared/header/header.tmpl
@@ -84,12 +84,6 @@
aria-label="Search for a package"
role="search"
>
- {{if .Experiments.IsActive "symbol-search"}}
- <select name="m" class="go-Select js-searchModeSelect">
- <option value="{{.SearchModePackage}}">Packages</option>
- <option {{if eq .SearchMode .SearchModeSymbol}}selected{{end}} value="{{.SearchModeSymbol}}">{{capitalize .SearchModeSymbol}}s</option>
- </select>
- {{end}}
<input name="q" class="go-Input js-searchFocus" aria-label="Search for a package" type="search"
autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false"
{{- if .Experiments.IsActive "symbol-search" -}} placeholder="Search packages or symbols"
