diff --git a/templates/explore/repo_list.tmpl b/templates/explore/repo_list.tmpl index ab5999832d..ee2fc9c9ad 100644 --- a/templates/explore/repo_list.tmpl +++ b/templates/explore/repo_list.tmpl @@ -11,7 +11,7 @@ {{.Owner.Name}}/ {{end}} {{.Name}} - + {{if .IsArchived}} {{ctx.Locale.Tr "repo.desc.archived"}} {{end}} @@ -56,7 +56,7 @@
{{$description}}
{{end}} {{if .Topics}} -
+
{{range .Topics}} {{if ne . ""}}{{.}}{{end}} {{end}} diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl index 39d0c6c751..c87d7d0bf8 100644 --- a/templates/repo/home.tmpl +++ b/templates/repo/home.tmpl @@ -11,10 +11,13 @@ {{if .Repository.Website}}{{.Repository.Website}}{{end}}
-
- {{/* it should match the code in issue-home.js */}} - {{range .Topics}}{{.Name}}{{end}} - {{if and .Permission.IsAdmin (not .Repository.IsArchived)}}{{end}} +
+ {{range .Topics}} + {{.Name}} + {{end}} + {{if and .Permission.IsAdmin (not .Repository.IsArchived)}} + + {{end}}
{{end}} {{if and .Permission.IsAdmin (not .Repository.IsArchived)}} diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 87fca9024a..f9e886e770 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -2329,12 +2329,23 @@ tbody.commit-list { top: -2px; } -#repo-topics .repo-topic { +.repo-topics { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 0.25rem; +} + +.repo-topics .repo-topic { font-weight: var(--font-weight-normal); cursor: pointer; margin: 0; } +.repo-topics .repo-topic:last-of-type { + margin-right: 0.5rem; +} + #new-dependency-drop-list.ui.selection.dropdown { min-width: 0; width: 100%;