diff --git a/assets/js/theme/design-system/components/search.js b/assets/js/theme/design-system/components/search.js index 351e73e21..487bd37e8 100644 --- a/assets/js/theme/design-system/components/search.js +++ b/assets/js/theme/design-system/components/search.js @@ -44,7 +44,9 @@ window.osuny.Search.prototype.setPageFind = function () { var options = { element: this.element, showSubResults: false, - translations: osuny.i18n.search + translations: osuny.i18n.search, + showEmptyFilters: false, + openFilters: ['type'] }, attribut; diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass index 17e783755..3bb0a1443 100644 --- a/assets/sass/_theme/design-system/search.sass +++ b/assets/sass/_theme/design-system/search.sass @@ -132,6 +132,9 @@ &__result-title a @include h4 @include stretched-link + &__filter-name, + &__filter-group-label + display: none @include media-breakpoint-up(desktop) &__form position: relative @@ -143,17 +146,31 @@ &__search-input, &__message width: columns(8) + &__filter-panel + position: absolute + left: offset(9) + width: columns(3) + top: $spacing-6 + text-align: right + &__filter-value + display: flex + flex-direction: row-reverse + input, + label + margin-top: $spacing-1 + input + margin-left: $spacing-1 &__results-area padding-top: $spacing-6 @include media-breakpoint-down(desktop) + &__filter-panel + margin-top: space(16) &__search-input, &__message left: var(--grid-gutter) right: var(--grid-gutter) &__message top: space(46) - &__results-area - padding-top: space(17) // Toggle button appareance diff --git a/layouts/_partials/diplomas/single.html b/layouts/_partials/diplomas/single.html index e05061858..a312de5e1 100644 --- a/layouts/_partials/diplomas/single.html +++ b/layouts/_partials/diplomas/single.html @@ -1,4 +1,5 @@ {{ partial "diplomas/single/hero.html" . }} +{{ partial "diplomas/single/pagefind.html" . }}