oppi.li / perf-test
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.

Align language menu icon and fit the footer area (#25556)

Close #25551

authored by

wxiaoguang and committed by
GitHub b6693a2c defd8070

+14 -6
+1 -1
templates/base/footer_content.tmpl
··· 16 16 </div> 17 17 <div class="right-links" role="group" aria-label="{{.locale.Tr "aria.footer.links"}}"> 18 18 <div class="ui dropdown upward language"> 19 - <span>{{svg "octicon-globe"}} {{.locale.LangName}}</span> 19 + <span class="flex-text-inline">{{svg "octicon-globe" 14}} {{.locale.LangName}}</span> 20 20 <div class="menu language-menu"> 21 21 {{range .AllLangs}} 22 22 <a lang="{{.Lang}}" data-url="{{AppSubUrl}}/?lang={{.Lang}}" class="item {{if eq $.locale.Lang .Lang}}active selected{{end}}">{{.Name}}</a>
+13 -5
web_src/css/home.css
··· 45 45 46 46 .page-footer { 47 47 display: flex; 48 + justify-content: space-between; 48 49 background-color: var(--color-footer); 49 50 border-top: 1px solid var(--color-secondary); 50 - line-height: 39px; 51 - padding: 0 20px; 51 + padding: 8px 20px; 52 52 } 53 53 54 54 .page-footer .left-links { 55 - flex: 1; 55 + display: flex; 56 + flex-wrap: wrap; 57 + align-items: center; 58 + justify-content: center; 59 + gap: 0.25em; 56 60 } 57 61 58 62 .page-footer .right-links { 59 63 min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */ 64 + display: flex; 65 + flex-wrap: wrap; 66 + align-items: center; 67 + justify-content: center; 60 68 } 61 69 62 70 .page-footer .right-links > a { ··· 74 82 75 83 @media (max-width: 880px) { 76 84 .page-footer { 77 - display: block; 78 - text-align: center; 85 + flex-direction: column; 86 + gap: 0.5em; 79 87 } 80 88 }