lmika/sidebar-for-bayou
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Moved sidebar out of microhook

Browse source 
Moved the sidebar out of the after-post-list microhook and into the base theme template. This should resolve the styling issue which will break sites using the before-post-list microhook. This does tie the plugin to Tiny-theme baseof theme, which is not great. Will need to resolve this in some way, but should work for now.
This commit is contained in:
Leon Mika 2024-03-24 12:06:08 +11:00
parent a9f0437fc7
commit 7a3eb89fd8
5 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
layouts/_default/baseof.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
<div class="page-content">
<div class="wrapper">
{{ block "main" . }}{{ end }}
</div>
{{ partial "sidebar-for-tiny-theme/sidebar.html" . }}
</div>
{{ partial "footer.html" . }}
{{ range .Site.Params.plugins_js }}
<script src="{{ . }}"></script>
{{ end }}
{{ if templates.Exists "partials/microhook-before-closing-body.html" }}
{{ partial "microhook-before-closing-body.html" . }}
{{ end }}
</body>
</html>

1
layouts/partials/microhook-after-post-list.html
View file

@ -1 +0,0 @@
{{ partial "sidebar-for-tiny-theme/sidebar.html" . }}

4
layouts/partials/sidebar-for-tiny-theme/sidebar.html
View file

@ -1,7 +1,9 @@
{{ if .IsHome -}}
<div class="sidebar">
{{ if templates.Exists "partials/sidebar.html" }}
{{ partial "sidebar.html" . }}
{{ else }}
{{ partial "sidebar-for-tiny-theme/recommendations.html" . }}
{{ end }}
</div>
</div>
{{ end -}}

2
plugin.json
View file

@ -1,5 +1,5 @@
{
"version": "1.0.1",
"version": "1.0.2",
"title": "Sidebar for Tiny Theme",
"description": "Adds a sidebar to a blog using Tiny Theme",
"includes": [

2
static/sidebar.css
View file

@ -3,7 +3,7 @@
max-width: 50em;
}
div.wrapper:has(div.sidebar) {
div.page-content:has(div.sidebar) {
display: grid;
grid-template-columns: minmax(20em,35em) 15em;
column-gap: 60px;