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,

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

@ -86,34 +86,34 @@
.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);
grid-template-columns: 1fr min(92%, 50rem); grid-template-columns: 1fr min(92%, 50rem);
.sidebar { .sidebar {
display: inline-block; display: inline-block;
align-self: start; align-self: start;
justify-self: end; justify-self: end;
position: sticky; position: sticky;
top: 0; top: 0;
padding: 0 1.5rem; padding: 0 1.5rem;
ol { ol {
margin-top: 0; margin-top: 0;
} }
h2 { h2 {
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">