SuperSeriousBusiness
/
GoToSocial
mirror of https://github.com/superseriousbusiness/gotosocial
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

move pageType to body class

This commit is contained in:
f0x 2024-07-30 17:13:15 +02:00
parent 0d3548ff5d
commit 337dffaab9
3 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
internal/web/profile.go
View File

@ -156,6 +156,7 @@ func (m *Module) profileGETHandler(c *gin.Context) {
Javascript: []string{jsFrontend}, Javascript: []string{jsFrontend},
Extra: map[string]any{ Extra: map[string]any{
"account": targetAccount, "account": targetAccount,
"pageType": "wider",
"rssFeed": rssFeed, "rssFeed": rssFeed,
"robotsMeta": robotsMeta, "robotsMeta": robotsMeta,
"statuses": statusResp.Items, "statuses": statusResp.Items,

6
web/source/css/layout/page.css
View File

@ -86,8 +86,9 @@
.page-content { .page-content {
grid-column: 2; grid-column: 2;
align-self: start; align-self: start;
}
&.with-sidebar { .page.with-sidebar .page-content {
grid-column: 1 / span 2; grid-column: 1 / span 2;
display: grid; display: grid;
grid-template-columns: 1fr minmax(auto, 50rem); grid-template-columns: 1fr minmax(auto, 50rem);
@ -109,11 +110,10 @@
margin-top: 1.5rem; margin-top: 1.5rem;
} }
} }
}
} }
@media screen and (max-width: 80rem) { @media screen and (max-width: 80rem) {
.page-content.with-sidebar { .page.with-sidebar .page-content {
grid-column: 2; grid-column: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
web/template/page.tmpl
View File

@ -74,11 +74,11 @@ image/webp
<title>{{- template "instanceTitle" . -}}</title> <title>{{- template "instanceTitle" . -}}</title>
</head> </head>
<body class="page"> <body class="page{{if .pageType}} {{.pageType}}{{end}}">
<header class="page-header{{if .largeHeader}} large{{end}}"> <header class="page-header{{if .largeHeader}} large{{end}}">
{{- include "page_header.tmpl" . | indent 3 }} {{- include "page_header.tmpl" . | indent 3 }}
</header> </header>
<div class="page-content{{if .pageType}} {{.pageType}}{{end}}"> <div class="page-content">
{{- include .pageContent . | indent 3 | outdentPre }} {{- include .pageContent . | indent 3 | outdentPre }}
</div> </div>
<footer class="page-footer"> <footer class="page-footer">