static/frontend/vuln/entry: add indentation to the symbol list
Change-Id: Iece111443184b9fe95936e5e76b590f17670b148
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/431840
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Hyang-Ah Hana Kim <hyangah@gmail.com>
TryBot-Result: kokoro <noreply+kokoro@google.com>
diff --git a/static/frontend/vuln/entry/entry.css b/static/frontend/vuln/entry/entry.css
index 46eab8e..2541698 100644
--- a/static/frontend/vuln/entry/entry.css
+++ b/static/frontend/vuln/entry/entry.css
@@ -18,9 +18,14 @@
font-size: 1.25rem;
}
.VulnEntryPackages-attr {
+ list-style: disc;
+ list-style-position: inside;
/* package and symbol names can be pretty long */
overflow-wrap: anywhere;
}
+.VulnEntryPackages-detailsContent {
+ margin-left: 0.2rem;
+}
/* One column by default */
.VulnEntryPackages-container {
display: grid;
diff --git a/static/frontend/vuln/entry/entry.min.css b/static/frontend/vuln/entry/entry.min.css
index ae4a973..0eea8f6 100644
--- a/static/frontend/vuln/entry/entry.min.css
+++ b/static/frontend/vuln/entry/entry.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.
*/
-.Vuln-alias{display:none}.VulnEntry{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.VulnEntry h2{font-size:1.25rem}.VulnEntryPackages-attr{overflow-wrap:anywhere}.VulnEntryPackages-container{display:grid;grid-template-columns:1fr;grid-gap:.5rem}.VulnEntryPackages-container>li:first-child{display:none}.VulnEntryPackages-attr:before{content:attr(data-name);color:var(--color-text-subtle)}.VulnEntryPackages-attr{display:grid;grid-template-columns:minmax(5em,10%) 1fr;padding:.2rem}@media screen and (min-width: 46rem){.VulnEntryPackages-container{grid-gap:0}.VulnEntryPackages-item{padding:inherit}.VulnEntryPackages-container>li:first-child{display:grid}.VulnEntryPackages-attr:before{content:none}.VulnEntryPackages-attr{grid-template-columns:1fr}.VulnEntryPackages-item-container{display:grid;grid-template-columns:minmax(10em,50%) minmax(5em,20%) 1fr;padding:.5rem}.VulnEntryPackages-item-container:first-child{background-color:var(--color-background-accented)}.VulnEntryPackages-item-container:first-child .VulnEntryPackages-attr{display:flex;text-overflow:initial;overflow:auto;white-space:normal;font-weight:700}}.VulnEntry-referenceList,.VulnEntry-aliases{line-height:1.75rem;word-break:break-all}
+.Vuln-alias{display:none}.VulnEntry{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.VulnEntry h2{font-size:1.25rem}.VulnEntryPackages-attr{list-style:disc;list-style-position:inside;overflow-wrap:anywhere}.VulnEntryPackages-detailsContent{margin-left:.2rem}.VulnEntryPackages-container{display:grid;grid-template-columns:1fr;grid-gap:.5rem}.VulnEntryPackages-container>li:first-child{display:none}.VulnEntryPackages-attr:before{content:attr(data-name);color:var(--color-text-subtle)}.VulnEntryPackages-attr{display:grid;grid-template-columns:minmax(5em,10%) 1fr;padding:.2rem}@media screen and (min-width: 46rem){.VulnEntryPackages-container{grid-gap:0}.VulnEntryPackages-item{padding:inherit}.VulnEntryPackages-container>li:first-child{display:grid}.VulnEntryPackages-attr:before{content:none}.VulnEntryPackages-attr{grid-template-columns:1fr}.VulnEntryPackages-item-container{display:grid;grid-template-columns:minmax(10em,50%) minmax(5em,20%) 1fr;padding:.5rem}.VulnEntryPackages-item-container:first-child{background-color:var(--color-background-accented)}.VulnEntryPackages-item-container:first-child .VulnEntryPackages-attr{display:flex;text-overflow:initial;overflow:auto;white-space:normal;font-weight:700}}.VulnEntry-referenceList,.VulnEntry-aliases{line-height:1.75rem;word-break:break-all}
/*# sourceMappingURL=entry.min.css.map */
diff --git a/static/frontend/vuln/entry/entry.min.css.map b/static/frontend/vuln/entry/entry.min.css.map
index 26204a2..a4fa676 100644
--- a/static/frontend/vuln/entry/entry.min.css.map
+++ b/static/frontend/vuln/entry/entry.min.css.map
@@ -1,7 +1,7 @@
{
"version": 3,
"sources": ["entry.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.Vuln-alias {\n display: none;\n}\n\n.VulnEntry {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 0.5rem;\n}\n.VulnEntry h2 {\n font-size: 1.25rem;\n}\n.VulnEntryPackages-attr {\n /* package and symbol names can be pretty long */\n overflow-wrap: anywhere;\n}\n/* One column by default */\n.VulnEntryPackages-container {\n display: grid;\n grid-template-columns: 1fr;\n grid-gap: 0.5rem;\n}\n/* Don't display the first item - the headers for multi-col layout */\n.VulnEntryPackages-container>li:first-child {\n display: none;\n}\n.VulnEntryPackages-attr::before {\n content: attr(data-name);\n color: var(--color-text-subtle);\n}\n/* Attribute name for first column, and attribute value for second column. */\n.VulnEntryPackages-attr {\n display: grid;\n grid-template-columns: minmax(5em, 10%) 1fr;\n padding: 0.2rem;\n}\n/* Three columns for wider screen */\n@media screen and (min-width: 46rem) {\n /* Undo what's done by default */\n .VulnEntryPackages-container {\n grid-gap: 0;\n }\n .VulnEntryPackages-item {\n padding: inherit;\n }\n .VulnEntryPackages-container>li:first-child {\n display: grid; /* undo display: none setfor default */\n }\n .VulnEntryPackages-attr::before {\n content: none;\n }\n .VulnEntryPackages-attr {\n grid-template-columns: 1fr;\n }\n .VulnEntryPackages-item-container {\n display: grid;\n grid-template-columns: minmax(10em, 50%) minmax(5em, 20%) 1fr;\n padding: 0.5rem;\n }\n /* Header */\n .VulnEntryPackages-item-container:first-child {\n background-color: var(--color-background-accented);\n }\n /* Header text */\n .VulnEntryPackages-item-container:first-child .VulnEntryPackages-attr {\n display: flex;\n text-overflow: initial;\n overflow: auto;\n white-space: normal;\n font-weight: bold;\n }\n}\n.VulnEntry-referenceList,\n.VulnEntry-aliases {\n line-height: 1.75rem;\n word-break: break-all;\n}"],
- "mappings": ";;;;;AAMA,YACE,aAGF,WACE,aACA,sBACA,SACA,iBAEF,cACE,kBAEF,wBAEE,uBAGF,6BACE,aACA,0BACA,eAGF,4CACE,aAEF,+BACE,wBACA,+BAGF,wBACE,aACA,0CAxCF,cA4CA,qCAEE,6BACE,WAEF,wBACE,gBAEF,4CACE,aAEF,+BACE,aAEF,wBACE,0BAEF,kCACE,aACA,2DA/DJ,cAmEE,8CACE,kDAGF,sEACE,aACA,sBACA,cACA,mBACA,iBAGJ,4CAEE,oBACA",
+ "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.Vuln-alias {\n display: none;\n}\n\n.VulnEntry {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 0.5rem;\n}\n.VulnEntry h2 {\n font-size: 1.25rem;\n}\n.VulnEntryPackages-attr {\n list-style: disc;\n list-style-position: inside;\n /* package and symbol names can be pretty long */\n overflow-wrap: anywhere;\n}\n.VulnEntryPackages-detailsContent {\n margin-left: 0.2rem;\n}\n/* One column by default */\n.VulnEntryPackages-container {\n display: grid;\n grid-template-columns: 1fr;\n grid-gap: 0.5rem;\n}\n/* Don't display the first item - the headers for multi-col layout */\n.VulnEntryPackages-container>li:first-child {\n display: none;\n}\n.VulnEntryPackages-attr::before {\n content: attr(data-name);\n color: var(--color-text-subtle);\n}\n/* Attribute name for first column, and attribute value for second column. */\n.VulnEntryPackages-attr {\n display: grid;\n grid-template-columns: minmax(5em, 10%) 1fr;\n padding: 0.2rem;\n}\n/* Three columns for wider screen */\n@media screen and (min-width: 46rem) {\n /* Undo what's done by default */\n .VulnEntryPackages-container {\n grid-gap: 0;\n }\n .VulnEntryPackages-item {\n padding: inherit;\n }\n .VulnEntryPackages-container>li:first-child {\n display: grid; /* undo display: none setfor default */\n }\n .VulnEntryPackages-attr::before {\n content: none;\n }\n .VulnEntryPackages-attr {\n grid-template-columns: 1fr;\n }\n .VulnEntryPackages-item-container {\n display: grid;\n grid-template-columns: minmax(10em, 50%) minmax(5em, 20%) 1fr;\n padding: 0.5rem;\n }\n /* Header */\n .VulnEntryPackages-item-container:first-child {\n background-color: var(--color-background-accented);\n }\n /* Header text */\n .VulnEntryPackages-item-container:first-child .VulnEntryPackages-attr {\n display: flex;\n text-overflow: initial;\n overflow: auto;\n white-space: normal;\n font-weight: bold;\n }\n}\n.VulnEntry-referenceList,\n.VulnEntry-aliases {\n line-height: 1.75rem;\n word-break: break-all;\n}"],
+ "mappings": ";;;;;AAMA,YACE,aAGF,WACE,aACA,sBACA,SACA,iBAEF,cACE,kBAEF,wBACE,gBACA,2BAEA,uBAEF,kCACE,kBAGF,6BACE,aACA,0BACA,eAGF,4CACE,aAEF,+BACE,wBACA,+BAGF,wBACE,aACA,0CA7CF,cAiDA,qCAEE,6BACE,WAEF,wBACE,gBAEF,4CACE,aAEF,+BACE,aAEF,wBACE,0BAEF,kCACE,aACA,2DApEJ,cAwEE,8CACE,kDAGF,sEACE,aACA,sBACA,cACA,mBACA,iBAGJ,4CAEE,oBACA",
"names": []
}
diff --git a/static/frontend/vuln/entry/entry.tmpl b/static/frontend/vuln/entry/entry.tmpl
index 6250707..d1de120 100644
--- a/static/frontend/vuln/entry/entry.tmpl
+++ b/static/frontend/vuln/entry/entry.tmpl
@@ -58,7 +58,8 @@
<div class="VulnEntryPackages-attr VulnEntryPackages-symbols" data-name="Symbols">
{{if .Symbols}}{{ $length := len .Symbols}}
{{if lt $length 5}}<ul>{{range .Symbols}}<li>{{.}}</li>{{end}}</ul>
- {{else}}<details><summary>{{len .Symbols}} affected symbols</summary><ul>{{range .Symbols}}<li>{{.}}</li>{{end}}</ul></details>
+ {{else}}<details><summary>{{len .Symbols}} affected symbols</summary>
+ <ul class="VulnEntryPackages-detailsContent">{{range .Symbols}}<li>{{.}}</li>{{end}}</ul></details>
{{end}}
{{else}}all symbols{{end}}
</div>