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.

Remove the negative margin from `.page-content` (#29922)

The negative margin was suboptimal and presents a few unnecessary
challenges while styling the page. Remove it and add custom margin
values, which slightly changes the height a few things near the top of
the page as well:

15px less height of explore and login navbar:

<img width="899" alt="Screenshot 2024-03-20 at 00 52 34"
src="https://github.com/go-gitea/gitea/assets/115237/72a01ca4-5d17-4a0f-b915-61f95054fcb1">

15px reduced padding-top height of "user bar" and equal 4px padding
added:

<img width="484" alt="Screenshot 2024-03-20 at 00 52 50"
src="https://github.com/go-gitea/gitea/assets/115237/a8507e6d-372d-4a8b-9048-66fcf8a5facd">

3px less padding on top of repo:

<img width="552" alt="Screenshot 2024-03-20 at 00 53 49"
src="https://github.com/go-gitea/gitea/assets/115237/dede6e44-7688-440f-a1b6-13532638ae03">

(cherry picked from commit 8cad44f4109b6f87e565d43e137e99ab23b54349)

authored by

silverwind and committed by
Earl Warren 165182a9 4f8763c4

+12 -13
+1 -1
templates/user/dashboard/navbar.tmpl
··· 105 105 {{end}} 106 106 </div> 107 107 </div> 108 - <div class="divider"></div> 108 + <div class="divider tw-mt-0"></div>
+5 -10
web_src/css/base.css
··· 238 238 border-bottom-color: var(--color-secondary); 239 239 } 240 240 241 - .page-content { 242 - margin-top: 15px; 243 - } 244 - 245 - .page-content .header-wrapper, 246 - .page-content overflow-menu { 247 - margin-top: -15px !important; 248 - padding-top: 15px !important; 249 - } 250 - 251 241 /* fix Fomantic's line-height cutting off "g" on Windows Chrome with Segoe UI */ 252 242 .ui.input > input { 253 243 line-height: var(--line-height-default); ··· 687 677 .full.height { 688 678 flex-grow: 1; 689 679 padding-bottom: 80px; 680 + } 681 + 682 + .page-content.new:is(.repo,.migrate,.org), 683 + .page-content.profile:is(.user,.organization) { 684 + padding-top: 15px; 690 685 } 691 686 692 687 /* overwrite semantic width of containers inside the main page content div (div with class "page-content") */
+1 -2
web_src/css/dashboard.css
··· 78 78 } 79 79 80 80 .dashboard .dashboard-navbar { 81 - padding-left: 0.5rem; 82 - padding-right: 0.5rem; 81 + padding: 4px 12px; 83 82 } 84 83 85 84 .dashboard .dashboard-navbar .right.menu {
+1
web_src/css/repo/header.css
··· 71 71 } 72 72 73 73 .repository .header-wrapper { 74 + padding-top: 12px; 74 75 background-color: var(--color-header-wrapper); 75 76 } 76 77
+4
web_src/css/user.css
··· 125 125 border: 1px solid var(--color-secondary); 126 126 } 127 127 128 + #notification_div { 129 + padding-top: 15px; 130 + } 131 + 128 132 #notification_table { 129 133 background: var(--color-box-body); 130 134 border: 1px solid var(--color-secondary);