diff --git a/assets/js/theme/design-system/search.js b/assets/js/theme/design-system/search.js index 3eb82f8322ce0b342ac2346f1b4da3215c9f86b6..2de0815ccf7d655ad515b6ddac79e984b8748cda 100644 --- a/assets/js/theme/design-system/search.js +++ b/assets/js/theme/design-system/search.js @@ -15,7 +15,6 @@ class Search { } listen() { - this.button.addEventListener('click', () => { this.toggle(true); this.removedItems = this.element.querySelector('.pagefind-ui__suppressed', '.pagefind-ui__search-clear'); diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass index 098df933bf380493d8b79bee3424e9f4968ee8d0..8f9c0dc0b8e42c85ce9fd360435363e3225ab82d 100644 --- a/assets/sass/_theme/design-system/search.sass +++ b/assets/sass/_theme/design-system/search.sass @@ -144,4 +144,15 @@ &__message top: calc(#{$spacing4} + #{$spacing2}) &__results-area - padding-top: calc(#{$spacing3} + #{half($spacing0)}) \ No newline at end of file + padding-top: calc(#{$spacing3} + #{half($spacing0)}) + +.pagefind-fixed + position: fixed + background: $color-background + bottom: 0 + left: $spacing3 + z-index: 10 + min-width: calc(#{$spacing3} * 3) + &::after + position: absolute + right: $spacing0 \ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 574bc71f183bc048218172743c2231668a05c99c..68beb97d308ee8a22ae458275a6522a5dd29d5ec 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -15,6 +15,12 @@ {{- partial "header/accessibility.html" -}} {{- partial "header/header.html" . -}} <main{{ if .Params.contents }} class="page-with-blocks"{{ end }} id="main" tabindex="-1"> + {{ if and (site.Params.search.active) (eq site.Params.search.position "fixed")}} + <button id="search-button" class="pagefind-ui__toggle pagefind-fixed " aria-expanded="false"> + {{- i18n (printf "commons.search.title") -}} + </button> + {{- partial "header/search.html" . -}} + {{ end }} {{- block "main" . }}{{- end }} {{- partial "hooks/before-main-end" . -}} </main> diff --git a/layouts/partials/commons/menu.html b/layouts/partials/commons/menu.html index 38af212ed6d7118def5b0ac2184020dec92a5b65..57273528b3a2e2fad8c7acfceba7b807de8dc053 100644 --- a/layouts/partials/commons/menu.html +++ b/layouts/partials/commons/menu.html @@ -62,8 +62,9 @@ </li> {{- end -}} {{ end -}} - {{ if and (eq $kind "primary") (site.Params.search.active)}} - <button class="pagefind-ui__toggle" aria-expanded="false"> + + {{ if and (eq $kind "primary") (site.Params.search.active) (eq site.Params.search.position "menu")}} + <button id="search-button" class="pagefind-ui__toggle" aria-expanded="false"> {{- i18n (printf "commons.search.title") -}} </button> {{- partial "header/search.html" . -}} diff --git a/layouts/partials/header/accessibility.html b/layouts/partials/header/accessibility.html index 5bee0e499119724c2309a1a5c151c21f7659dfe9..1bd46fef9c1f28beec7af8818c55c214aa777726 100644 --- a/layouts/partials/header/accessibility.html +++ b/layouts/partials/header/accessibility.html @@ -2,5 +2,6 @@ <ul aria-label="{{ i18n "commons.accessibility.shortcut_navigation"}}"> <li><a href="#main">{{ i18n "commons.accessibility.main_content" }}</a></li> <li><a href="#navigation">{{ i18n "commons.accessibility.menu" }}</a></li> + <li><a href="#search-button">{{ i18n "commons.accessibility.search" }}</a></li> </ul> </nav>