git724/forgejo
1
0
Fork 0
Code Issues Pull requests 3 Projects 1 Releases Packages Wiki Activity

refactor(ui): Compact language selector icon

Browse source 
I would remove it altogether, as we can simply use the browser language, which the user has set for a reason
This commit is contained in:
Minecon724 2025-10-17 16:03:23 +00:00
commit 6d984774ef
Signed by: Minecon724
GPG key ID: A02E6E67AB961189
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
templates/base/footer_content.tmpl
View file

@ -17,17 +17,17 @@
{{end}}
</div>
<div class="right-links" role="group" aria-label="{{ctx.Locale.Tr "aria.footer.links"}}">
{{if .TermsOfServiceURL}}<a href="{{.TermsOfServiceURL}}">{{ctx.Locale.Tr "terms_of_service"}}</a>{{end}}
{{if .PrivacyPolicyURL}}<a href="{{.PrivacyPolicyURL}}">{{ctx.Locale.Tr "privacy_policy"}}</a>{{end}}
<a href="{{AssetUrlPrefix}}/licenses.txt">{{ctx.Locale.Tr "licenses"}}</a>
{{template "custom/extra_links_footer" .}}
<div class="ui dropdown upward language">
<span class="flex-text-inline">{{svg "octicon-globe" 14}} {{ctx.Locale.LangName}}</span>
<div class="menu language-menu">
<span class="flex-text-inline">{{svg "octicon-globe" 14}}</span>
<div class="menu language-menu left">
{{range .AllLangs}}
<a lang="{{.Lang}}" data-url="{{AppSubUrl}}/?lang={{.Lang}}" class="item {{if eq ctx.Locale.Lang .Lang}}active selected{{end}}">{{.Name}}</a>
{{end}}
</div>
</div>
{{if .TermsOfServiceURL}}<a href="{{.TermsOfServiceURL}}">{{ctx.Locale.Tr "terms_of_service"}}</a>{{end}}
{{if .PrivacyPolicyURL}}<a href="{{.PrivacyPolicyURL}}">{{ctx.Locale.Tr "privacy_policy"}}</a>{{end}}
<a href="{{AssetUrlPrefix}}/licenses.txt">{{ctx.Locale.Tr "licenses"}}</a>
{{template "custom/extra_links_footer" .}}
</div>
</footer>

8
web_src/css/home.css
View file

@ -60,7 +60,6 @@
}
.page-footer .right-links {
min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
display: flex;
flex-wrap: wrap;
align-items: center;
@ -68,12 +67,13 @@
}
.page-footer .right-links > a {
border-left: 1px solid var(--color-secondary-dark-1);
padding-left: 8px;
margin-left: 8px;
border-right: 1px solid var(--color-secondary-dark-1);
padding-right: 8px;
margin-right: 8px;
}
.page-footer .ui.dropdown.language .menu {
margin-right: -16px;
max-height: min(500px, calc(100vh - 60px));
overflow-y: auto;
margin-bottom: 10px;