bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-31 00:57:33 -05:00
Code Issues Projects Releases Wiki Activity

Remove nested list-page-container to simplify layout CSS on section page

Browse Source 
Originally I was using gap on a flexbox to separate the .sections
container from the rest of the page list. But it's simpler if I just use
block layout and a bottom margin, then I don't need an extra layer of
div.
This commit is contained in:
BBaoVanC
2025-08-27 11:13:48 -05:00
parent c2b10a6c99
commit 22e7ad4b77
2 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/bobastyle.css
View File

@@ -446,13 +446,6 @@ body {
/* List layout {{{ */ /* List layout {{{ */
/* flexbox container for sections and main page list */
.list-page-container {
display: flex;
flex-direction: column;
gap: 40px;
}
.page-list { .page-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -607,6 +600,7 @@ body {
/* Subsections on list pages {{{ */ /* Subsections on list pages {{{ */
.sections { .sections {
margin-bottom: 60px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;

18
layouts/section.html
View File

@@ -9,17 +9,15 @@
{{ . }} {{ . }}
{{ end }} {{ end }}
<div class="list-page-container"> {{ with .Sections }}
{{ with .Sections }} <div class="sections">
<div class="sections"> {{ range . }}
{{ range . }} {{ .Render "summary" }}
{{ .Render "summary" }} {{ end }}
{{ end }} </div>
</div> {{ end }}
{{ end }}
{{ partial "page-list.html" .Paginator.Pages }} {{ partial "page-list.html" .Paginator.Pages }}
</div>
{{ partial "pagination.html" . }} {{ partial "pagination.html" . }}
{{ end }} {{ end }}