diff --git a/layouts/partials/tutorials/nav.html b/layouts/partials/tutorials/nav.html index 7c9fb19d5791..646be1674999 100644 --- a/layouts/partials/tutorials/nav.html +++ b/layouts/partials/tutorials/nav.html @@ -1,11 +1,24 @@ -
-
-
-
- -
-
-
-
-
-
-
+{{ template "tutorials-menu" (dict "items" $menuItems) }} {{ define "tutorials-menu" }} {{ range $item := .items }} diff --git a/layouts/tutorials/glossary/list.html b/layouts/tutorials/glossary/list.html index 259f825d6cf9..3a5acccdc4d1 100644 --- a/layouts/tutorials/glossary/list.html +++ b/layouts/tutorials/glossary/list.html @@ -1,43 +1,52 @@ {{ define "main" }} -
-
- +
+
+
+
+ +
+
+
+
+
-
-
- {{ partial "docs/breadcrumb.html" . }} -

{{ .Title }}

-
-
- {{ .Content }} -
- {{ $terms := sort $.Site.Data.learn.glossary.entries "term" }} - {{ $page := . }} +
+
+
+ {{ partial "docs/breadcrumb.html" . }} +

{{ .Title }}

+
+
+ {{ .Content }} +
+ + {{ $terms := sort $.Site.Data.learn.glossary.entries "term" }} + {{ $page := . }} +
    + {{ range $terms }} + {{ $anchor := .term | anchorize }} +
  • {{ .term }}
    • + {{ end }} +
-
    {{ range $terms }} {{ $anchor := .term | anchorize }} -
  • {{ .term }}
    • - {{ end }} -
- - {{ range $terms }} - {{ $anchor := .term | anchorize }} -
-

{{ .term }}

-

{{ .description | markdownify }}

+
+

{{ .term }}

+

{{ .description | markdownify }}

- {{ if .link }} -

- Read more → -

- {{ end }} -
- {{ end }} + {{ if .link }} +

+ Read more → +

+ {{ end }} +
+ {{ end }} +
- -
{{ end }} diff --git a/layouts/tutorials/glossary/single.html b/layouts/tutorials/glossary/single.html index 05465ba3a9d9..bb9654c05edc 100644 --- a/layouts/tutorials/glossary/single.html +++ b/layouts/tutorials/glossary/single.html @@ -1,21 +1,31 @@ {{ define "main" }} -
-
- -
-
-
- {{ partial "docs/breadcrumb.html" . }} -

{{ .Title }}

-
-
- {{ .Content }} -
-

- ← Go back to the Glossary -

+
+
+
+
+ +
+
+
+
+
-
+
+
+
+ {{ partial "docs/breadcrumb.html" . }} +

{{ .Title }}

+
+
+ {{ .Content }} +
+

+ ← Go back to the Glossary +

+
+
{{ end }} diff --git a/layouts/tutorials/module.html b/layouts/tutorials/module.html index 4c855ea57cd2..616b00d82ed9 100644 --- a/layouts/tutorials/module.html +++ b/layouts/tutorials/module.html @@ -1,9 +1,19 @@ {{ define "main" }} -
-
- {{ partial "tutorials/nav.html" . }} +
+
+
+
+ +
+
+
+
+
-
+ +
{{ partial "tutorials/breadcrumb.html" . }} @@ -82,10 +92,11 @@

Topics

-
-
{{ end }} diff --git a/layouts/tutorials/section.html b/layouts/tutorials/section.html index 38b24db0494e..433d32ff85d6 100644 --- a/layouts/tutorials/section.html +++ b/layouts/tutorials/section.html @@ -1,9 +1,20 @@ {{ define "main" }} -
-
- {{ partial "tutorials/nav.html" . }} +
+
+
+
+ +
+
+
+
+
-
+ +
+
{{ partial "tutorials/breadcrumb.html" . }} @@ -128,6 +139,7 @@

+
{{ end }} diff --git a/layouts/tutorials/single.html b/layouts/tutorials/single.html index 59123cea8efb..b751b7b55359 100644 --- a/layouts/tutorials/single.html +++ b/layouts/tutorials/single.html @@ -1,11 +1,19 @@ {{ define "main" }} -
-
-
- {{ partial "tutorials/nav.html" . }} +
+
+
+
+ +
+
+
+
-
+ +
{{ partial "templates/breadcrumb.html" . }} @@ -64,10 +72,11 @@

Prerequisites:

{{ .Content }}
-
-
{{ end }} diff --git a/layouts/tutorials/topic.html b/layouts/tutorials/topic.html index 5fe979831321..8953ece434aa 100644 --- a/layouts/tutorials/topic.html +++ b/layouts/tutorials/topic.html @@ -1,11 +1,19 @@ {{ define "main" }} -
-
-
- {{ partial "tutorials/nav.html" . }} +
+
+
+
+ +
+
+
+
-
+ +
{{ partial "tutorials/breadcrumb.html" . }} @@ -25,10 +33,11 @@

{{ .Title }}

{{ .Content }}
-
-
{{ end }} diff --git a/theme/src/scss/docs/_tutorials.scss b/theme/src/scss/docs/_tutorials.scss index d219882bfb06..10458a1e14a0 100644 --- a/theme/src/scss/docs/_tutorials.scss +++ b/theme/src/scss/docs/_tutorials.scss @@ -10,7 +10,14 @@ background: linear-gradient(90deg, map-get($brand, "yellow") 0%, map-get($brand, "salmon") 18.23%, map-get($brand, "fuchsia-darker") 38.02%, map-get($brand, "purple") 53.65%, map-get($brand, "violet") 74.48%, map-get($brand, "blue-lighter") 100%); } + // Adjust search box spacing in tutorials + .docs-search { + @apply mr-4; + } + nav.main-nav { + padding-top: 1.5rem !important; + div.toc-header { @apply ml-0;