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.

Reduce margins on admin pages (#26026)

Reduce margins around admin boxes and reduce sidebar size from 275px to
240px. This is the same 16px margin we use on issue pages.

Before and After:
<img width="1270" alt="Screenshot 2023-07-21 at 00 28 11"
src="https://github.com/go-gitea/gitea/assets/115237/f9b0dcb0-8f7e-49b4-b130-54bf31c142fd">
<img width="1271" alt="Screenshot 2023-07-21 at 00 30 51"
src="https://github.com/go-gitea/gitea/assets/115237/ddd75d59-9ab9-4061-8989-852e89727560">

authored by

silverwind and committed by
GitHub d021c88d f3d293d2

+25 -3
+2 -2
templates/admin/layout_head.tmpl
··· 1 1 {{template "base/head" .ctxData}} 2 2 <div role="main" aria-label="{{.ctxData.Title}}" class="page-content {{.pageClass}}"> 3 - <div class="ui container stackable grid"> 3 + <div class="ui container admin-container"> 4 4 {{template "admin/navbar" .ctxData}} 5 - <div class="twelve wide column"> 5 + <div class="admin-main"> 6 6 {{template "base/alert" .ctxData}} 7 7 {{/* block: admin-setting-content */}} 8 8
+1 -1
templates/admin/navbar.tmpl
··· 1 - <div class="four wide column"> 1 + <div class="admin-nav"> 2 2 <div class="ui fluid vertical menu"> 3 3 <div class="header item">{{.locale.Tr "settings"}}</div> 4 4 <a class="{{if .PageIsAdminDashboard}}active {{end}}item" href="{{AppSubUrl}}/admin">
+22
web_src/css/admin.css
··· 1 + .admin-container { 2 + display: flex !important; 3 + gap: 16px; 4 + } 5 + 6 + .admin-nav { 7 + width: 240px; 8 + } 9 + 10 + .admin-main { 11 + flex: 1; 12 + } 13 + 14 + @media (max-width: 767.98px) { 15 + .admin-container { 16 + flex-direction: column; 17 + } 18 + .admin-nav { 19 + width: auto; 20 + } 21 + } 22 + 1 23 .admin.hooks .list > .item:not(:first-child) { 2 24 border-top: 1px solid var(--color-secondary); 3 25 padding: 0.25rem 1rem;