fix: broken layouts (#1060)

razonyang · Aug 22, 2024 · 4438926 · 4438926
1 parent 296edcc
commit 4438926
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 51 deletions.
diff --git a/assets/main/scss/_sidebar.scss b/assets/main/scss/_sidebar.scss
@@ -9,16 +9,28 @@
   }
 }
 
-main {
+main.sidebar {
   &.sidebar-none {
     .sidebar {
       display: none !important;
     }
 
-    .content {
-      > div:first-of-type {
-        width: 100%!important;
-      }
+    .content-posts {
+      @extend .col-xxl-12;
+    }
+
+    .content-docs {
+      @extend .col-xxl-10;
+    }
+  }
+
+
+  &:not(.sidebar-none) {
+    .content-docs {
+      @extend .col-xxl-7;
+    }
+    .content-posts {
+      @extend .col-xxl-8;
     }
   }
 }
diff --git a/exampleSite/content/docs/content/index.md b/exampleSite/content/docs/content/index.md
@@ -74,20 +74,6 @@ And the append `type = "docs"` on the front matter of `archetypes/notes.md`. Now
 
 Similarly, you can also custom the archetypes for `posts`, `docs` and so on.
 
-## Sections Template
-
-You may also want to use the same list layout of `docs` on `notes`.
-
-```html {title="layouts/notes/list.html"}
-{{ define "content" }}
-{{- partial "docs/nav" . -}}
-<div class="col ms-auto">
-  {{ partial "docs/list" . }}
-</div>
-{{- partial "docs/sidebar" . -}}
-{{ end }}
-```
-
 ## Write New Articles
 
 > Suppose the default language is `en`.

diff --git a/exampleSite/content/docs/content/index.zh-hans.md b/exampleSite/content/docs/content/index.zh-hans.md
@@ -73,20 +73,6 @@ $ cp themes/hugo-theme-bootstrap/archetypes/default.md archetypes/notes.md
 
 同样地，你也可以为 `posts`、`docs` 等自定义原型。
 
-## Sections 模板
-
-你可能还想在 `notes` 中使用和 `docs` 一样的列表布局。
-
-```html {title="layouts/notes/list.html"}
-{{ define "content" }}
-{{- partial "docs/nav" . -}}
-<div class="col ms-auto">
-  {{ partial "docs/list" . }}
-</div>
-{{- partial "docs/sidebar" . -}}
-{{ end }}
-```
-
 ## 书写文章
 
 > 假设默认语言为 `en`。

diff --git a/exampleSite/content/docs/content/index.zh-hant.md b/exampleSite/content/docs/content/index.zh-hant.md
@@ -73,20 +73,6 @@ $ cp themes/hugo-theme-bootstrap/archetypes/default.md archetypes/notes.md
 
 同樣地，你也可以為 `posts`、`docs` 等自定義原型。
 
-## Sections 模板
-
-你可能還想在 `notes` 中使用和 `docs` 一樣的列表布局。
-
-```html {title="layouts/notes/list.html"}
-{{ define "content" }}
-{{- partial "docs/nav" . -}}
-<div class="col ms-auto">
-  {{ partial "docs/list" . }}
-</div>
-{{- partial "docs/sidebar" . -}}
-{{ end }}
-```
-
 ## 書寫文章
 
 > 假設默認語言為 `en`。

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,5 +1,5 @@
 {{ define "content" }}
-<div class="{{ if default true .Params.sidebar }}col-xxl-8{{ else }}col-xxl-12{{ end }}">
+<div class="content-posts {{ if default true .Params.sidebar }}col-xxl-8{{ else }}col-xxl-12{{ end }}">
   <div class="container">
     {{- partial "breadcrumb" . -}}
     {{- partial "post" . -}}

diff --git a/layouts/docs/single.html b/layouts/docs/single.html
@@ -1,6 +1,6 @@
 {{ define "content" }}
 {{- partial "docs/nav" . -}}
-<div class="col ms-auto">
+<div class="col ms-auto content-docs">
   <div class="container-fluid">
     {{- partial "breadcrumb" . -}}
     {{- partial "docs/post" . -}}

diff --git a/layouts/landing/single.html b/layouts/landing/single.html
@@ -1,5 +1,5 @@
 {{ define "content" }}
-<div class="{{ if default true .Params.sidebar }}col-xxl-8{{ else }}col-xxl-12{{ end }}">
+<div class="content-posts {{ if default true .Params.sidebar }}col-xxl-8{{ else }}col-xxl-12{{ end }}">
   {{ .Content }}
 </div>
 {{- partial "sidebar" . }}

diff --git a/layouts/partials/functions/container-class.html b/layouts/partials/functions/container-class.html
@@ -1,2 +1,6 @@
 {{- $fullWidth := partialCached "functions/full-width" .FirstSection }}
-{{- return cond $fullWidth "container-fluid" "container" -}}
+{{- $class := "" }}
+{{- if default true .Params.sidebar }}
+  {{- $class = "sidebar" }}
+{{- end }}
+{{- return (cond $fullWidth "container-fluid" "container" | printf "%s %s" $class ) -}}