loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

ui: simplify main-attribute labels

0ko 6e729b61 48131547

+21 -21
+5 -5
templates/explore/repo_list.tmpl
··· 13 13 <a class="text primary name" href="{{.Link}}">{{.Name}}</a> 14 14 <span class="label-list"> 15 15 {{if .IsArchived}} 16 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.archived"}}</span> 16 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.archived"}}</span> 17 17 {{end}} 18 18 {{if .IsPrivate}} 19 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.private"}}</span> 19 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.private"}}</span> 20 20 {{else}} 21 21 {{if .Owner.Visibility.IsPrivate}} 22 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.internal"}}</span> 22 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.internal"}}</span> 23 23 {{end}} 24 24 {{end}} 25 25 {{if .IsTemplate}} 26 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.template"}}</span> 26 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.template"}}</span> 27 27 {{end}} 28 28 {{if eq .ObjectFormatName "sha256"}} 29 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.sha256"}}</span> 29 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.sha256"}}</span> 30 30 {{end}} 31 31 </span> 32 32 </div>
+1 -1
templates/explore/user_list.tmpl
··· 8 8 <div class="flex-item-title"> 9 9 {{template "shared/user/name" .}} 10 10 {{if .Visibility.IsPrivate}} 11 - <span class="ui basic tiny label">{{ctx.Locale.Tr "repo.desc.private"}}</span> 11 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.private"}}</span> 12 12 {{end}} 13 13 </div> 14 14 <div class="flex-item-body">
+2 -2
templates/org/header.tmpl
··· 5 5 <div class="org-title"> 6 6 {{.Org.DisplayName}} 7 7 <span class="org-visibility"> 8 - {{if .Org.Visibility.IsLimited}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}} 9 - {{if .Org.Visibility.IsPrivate}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}} 8 + {{if .Org.Visibility.IsLimited}}<span class="ui large horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}} 9 + {{if .Org.Visibility.IsPrivate}}<span class="ui large horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}} 10 10 </span> 11 11 </div> 12 12 <span class="tw-flex tw-items-center button-row tw-ml-auto tw-text-16 tw-whitespace-nowrap">
+1 -1
templates/org/member/members.tmpl
··· 15 15 <div class="flex-item-title"> 16 16 {{template "shared/user/name" .}} 17 17 {{if not $isPublic}} 18 - <span class="ui basic tiny label">{{ctx.Locale.Tr "org.members.private"}}</span> 18 + <span class="ui label">{{ctx.Locale.Tr "org.members.private"}}</span> 19 19 {{end}} 20 20 </div> 21 21 {{if not $.PublicOnly}}
+5 -5
templates/repo/header.tmpl
··· 13 13 </div> 14 14 <div class="flex-item-trailing"> 15 15 {{if .IsArchived}} 16 - <span class="ui basic label not-mobile">{{ctx.Locale.Tr "repo.desc.archived"}}</span> 16 + <span class="ui label not-mobile">{{ctx.Locale.Tr "repo.desc.archived"}}</span> 17 17 <div class="repo-icon only-mobile" data-tooltip-content="{{ctx.Locale.Tr "repo.desc.archived"}}">{{svg "octicon-archive" 18}}</div> 18 18 {{end}} 19 19 {{if .IsPrivate}} 20 - <span class="ui basic label not-mobile">{{ctx.Locale.Tr "repo.desc.private"}}</span> 20 + <span class="ui label not-mobile">{{ctx.Locale.Tr "repo.desc.private"}}</span> 21 21 <div class="repo-icon only-mobile" data-tooltip-content="{{ctx.Locale.Tr "repo.desc.private"}}">{{svg "octicon-lock" 18}}</div> 22 22 {{else}} 23 23 {{if .Owner.Visibility.IsPrivate}} 24 - <span class="ui basic label not-mobile">{{ctx.Locale.Tr "repo.desc.internal"}}</span> 24 + <span class="ui label not-mobile">{{ctx.Locale.Tr "repo.desc.internal"}}</span> 25 25 <div class="repo-icon only-mobile" data-tooltip-content="{{ctx.Locale.Tr "repo.desc.internal"}}">{{svg "octicon-shield-lock" 18}}</div> 26 26 {{end}} 27 27 {{end}} 28 28 {{if .IsTemplate}} 29 - <span class="ui basic label not-mobile">{{ctx.Locale.Tr "repo.desc.template"}}</span> 29 + <span class="ui label not-mobile">{{ctx.Locale.Tr "repo.desc.template"}}</span> 30 30 <div class="repo-icon only-mobile" data-tooltip-content="{{ctx.Locale.Tr "repo.desc.template"}}">{{svg "octicon-repo-template" 18}}</div> 31 31 {{end}} 32 32 {{if eq .ObjectFormatName "sha256"}} 33 - <span class="ui basic label">{{ctx.Locale.Tr "repo.desc.sha256"}}</span> 33 + <span class="ui label">{{ctx.Locale.Tr "repo.desc.sha256"}}</span> 34 34 {{end}} 35 35 </div> 36 36 </div>
+6 -6
templates/user/dashboard/navbar.tmpl
··· 6 6 {{ctx.AvatarUtils.Avatar .ContextUser}} 7 7 <span class="truncated-item-name">{{.ContextUser.ShortName 40}}</span> 8 8 <span class="org-visibility"> 9 - {{if .ContextUser.Visibility.IsLimited}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 10 - {{if .ContextUser.Visibility.IsPrivate}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 9 + {{if .ContextUser.Visibility.IsLimited}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 10 + {{if .ContextUser.Visibility.IsPrivate}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 11 11 </span> 12 12 {{svg "octicon-triangle-down" 14 "dropdown icon"}} 13 13 </span> ··· 20 20 {{ctx.AvatarUtils.Avatar .SignedUser}} 21 21 <span class="truncated-item-name">{{.SignedUser.ShortName 40}}</span> 22 22 <span class="org-visibility"> 23 - {{if .SignedUser.Visibility.IsLimited}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 24 - {{if .SignedUser.Visibility.IsPrivate}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 23 + {{if .SignedUser.Visibility.IsLimited}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 24 + {{if .SignedUser.Visibility.IsPrivate}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 25 25 </span> 26 26 </a> 27 27 {{range .Orgs}} ··· 29 29 {{ctx.AvatarUtils.Avatar .}} 30 30 <span class="truncated-item-name">{{.ShortName 40}}</span> 31 31 <span class="org-visibility"> 32 - {{if .Visibility.IsLimited}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 33 - {{if .Visibility.IsPrivate}}<div class="ui basic tiny horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 32 + {{if .Visibility.IsLimited}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}} 33 + {{if .Visibility.IsPrivate}}<div class="ui horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</div>{{end}} 34 34 </span> 35 35 </a> 36 36 {{end}}
+1 -1
web_src/css/themes/theme-forgejo-light.css
··· 269 269 --color-nav-text: var(--color-text); 270 270 --color-secondary-nav-bg: var(--color-body); 271 271 --color-label-text: var(--color-text); 272 - --color-label-bg: #cacaca5b; 272 + --color-label-bg: #cacaca7b; 273 273 --color-label-hover-bg: #cacacaa0; 274 274 --color-label-active-bg: #cacacaff; 275 275 --color-label-bg-alt: #cacacaff;