diff --git a/assets/_main.scss b/assets/_main.scss
index 0ba6519..50da224 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -1,6 +1,5 @@
@import "_dcl-ui.scss";
@import "_home.scss";
-
html {
font-size: $font-size-base;
scroll-behavior: smooth;
@@ -279,6 +278,7 @@ body[dir="rtl"] .book-menu {
position: relative;
margin: $padding-16 0;
border-bottom: 1px solid transparent;
+ width: 356px;
#book-search-input {
display: flex;
align-items: center;
@@ -391,6 +391,12 @@ body[dir="rtl"] .book-menu {
}
+@media screen and (max-width: 991px) {
+ .book-search {
+ width: auto !important;
+ }
+}
+
@media screen and (min-width: $mobile-breakpoint) {
.book-search {
position: relative;
diff --git a/layouts/partials/docs/menu-filetree.html b/layouts/partials/docs/menu-filetree.html
index 404f472..dd04718 100644
--- a/layouts/partials/docs/menu-filetree.html
+++ b/layouts/partials/docs/menu-filetree.html
@@ -40,8 +40,8 @@
{{- partial "docs/title" .Page -}}
{{ else if .Page.Content }}
-
- {{- partial "docs/title" .Page -}}
+
+ {{- partial "docs/sidebar-title" .Page -}}
{{ else }}
{{- partial "docs/title" .Page -}}
diff --git a/layouts/partials/docs/sidebar-title.html b/layouts/partials/docs/sidebar-title.html
new file mode 100644
index 0000000..314610e
--- /dev/null
+++ b/layouts/partials/docs/sidebar-title.html
@@ -0,0 +1,17 @@
+
+{{ $title := "" }}
+
+{{ if .Params.sidebartitle }}
+ {{ $title = .Params.sidebartitle }}
+{{ else if .Title }}
+ {{ $title = .Title }}
+{{ else if and .IsSection .File }}
+ {{ $title = path.Base .File.Dir | humanize | title }}
+{{ else if and .IsPage .File }}
+ {{ $title = .File.BaseFileName | humanize | title }}
+{{ end }}
+
+{{ return $title }}