forgejo/templates/admin/layout_head.tmpl

{{template "base/head" .ctxData}}
<div role="main" aria-label="{{.ctxData.Title}}" class="page-content {{.pageClass}}">
	<div class="ui container flex-container">
		{{template "admin/navbar" .ctxData}}
		<div class="flex-container-main">
			{{template "base/alert" .ctxData}}
			{{/* block: admin-setting-content */}}

{{if false}}{{/* to make html structure "likely" complete to prevent IDE warnings */}}
		</div>
	</div>
</div>
{{end}}
Change to vertical navbar layout for secondary navbar for repo/user/admin settings (#24246) Co-Author: @wxiaoguang This is the first step of #24229. And this PR will only includes html changes, and followed by other PRs that fine tune css and change to submenus. After: Admin Level <img width="1400" alt="Screen Shot 2023-04-21 at 10 07 16" src="https://user-images.githubusercontent.com/17645053/233523870-f848b61d-056a-4b41-9760-a9a49fea1fe8.png"> User Level <img width="1422" alt="Screen Shot 2023-04-21 at 10 07 23" src="https://user-images.githubusercontent.com/17645053/233523878-979adb20-a657-43d9-99a6-ad414010c0ef.png"> Repo Level <img width="1404" alt="Screen Shot 2023-04-21 at 10 07 07" src="https://user-images.githubusercontent.com/17645053/233523863-337440bd-c03a-4dfd-87fa-cef40300bfe0.png"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> 2023-04-23 13:21:21 +03:00			`{{template "base/head" .ctxData}}`
			`<div role="main" aria-label="{{.ctxData.Title}}" class="page-content {{.pageClass}}">`
[UI] Fix admin layout - Partially reverts a72b660cbb61d1932190e5d1cecd9defbab1260b - Restores the behavior of #3087 2024-07-31 00:35:22 +03:00			`<div class="ui container flex-container">`
Change to vertical navbar layout for secondary navbar for repo/user/admin settings (#24246) Co-Author: @wxiaoguang This is the first step of #24229. And this PR will only includes html changes, and followed by other PRs that fine tune css and change to submenus. After: Admin Level <img width="1400" alt="Screen Shot 2023-04-21 at 10 07 16" src="https://user-images.githubusercontent.com/17645053/233523870-f848b61d-056a-4b41-9760-a9a49fea1fe8.png"> User Level <img width="1422" alt="Screen Shot 2023-04-21 at 10 07 23" src="https://user-images.githubusercontent.com/17645053/233523878-979adb20-a657-43d9-99a6-ad414010c0ef.png"> Repo Level <img width="1404" alt="Screen Shot 2023-04-21 at 10 07 07" src="https://user-images.githubusercontent.com/17645053/233523863-337440bd-c03a-4dfd-87fa-cef40300bfe0.png"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> 2023-04-23 13:21:21 +03:00			`{{template "admin/navbar" .ctxData}}`
Reduce margins on user settings page, introduce `flex-container` (#26046) Same as https://github.com/go-gitea/gitea/pull/26026 but for the user settings page. It introduces a new `flex-container` class and shares it across both pages. Before and After: <img width="1264" alt="Screenshot 2023-07-21 at 19 35 57" src="https://github.com/go-gitea/gitea/assets/115237/1358dab4-55c0-40ce-a4d5-673099304f3d"> <img width="1269" alt="Screenshot 2023-07-21 at 19 35 42" src="https://github.com/go-gitea/gitea/assets/115237/34812f6d-dc65-4009-b977-90e03efdc6d1"> 2023-07-31 10:16:03 +03:00			`<div class="flex-container-main">`
[BUG] Fix admin layout - Fix the layout of admin pages, it previously was full-width and had the alert at the incorrect place and within an container. - Make the placement of the alert consistent with other pages, inside `flex-container-main` and not wrapped around a container. - We have to revert 145bebc829c03cbb078e518d7364d27bcf60d96c, as this expected that the page contain provided padding, this was provided by the incorrect placement of the alert. As well isn't consistent with how other pages are being shown, non-full width. The solution to the described problem isn't optimal and should rather be fixed with the tables. - Reverts 145bebc829c03cbb078e518d7364d27bcf60d96c - Resolves #3082 2024-04-06 22:17:54 +03:00			`{{template "base/alert" .ctxData}}`
Change to vertical navbar layout for secondary navbar for repo/user/admin settings (#24246) Co-Author: @wxiaoguang This is the first step of #24229. And this PR will only includes html changes, and followed by other PRs that fine tune css and change to submenus. After: Admin Level <img width="1400" alt="Screen Shot 2023-04-21 at 10 07 16" src="https://user-images.githubusercontent.com/17645053/233523870-f848b61d-056a-4b41-9760-a9a49fea1fe8.png"> User Level <img width="1422" alt="Screen Shot 2023-04-21 at 10 07 23" src="https://user-images.githubusercontent.com/17645053/233523878-979adb20-a657-43d9-99a6-ad414010c0ef.png"> Repo Level <img width="1404" alt="Screen Shot 2023-04-21 at 10 07 07" src="https://user-images.githubusercontent.com/17645053/233523863-337440bd-c03a-4dfd-87fa-cef40300bfe0.png"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> 2023-04-23 13:21:21 +03:00			`{{/* block: admin-setting-content */}}`

			`{{if false}}{{/* to make html structure "likely" complete to prevent IDE warnings */}}`
			`</div>`
			`</div>`
			`</div>`
			`{{end}}`