diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass index f76be0f2228c13762e8ad002acc96dae24ee38bf..4b2e15c2bd2352b3d2f81bbb9f615ee6684a8262 100644 --- a/assets/sass/_theme/design-system/search.sass +++ b/assets/sass/_theme/design-system/search.sass @@ -5,9 +5,14 @@ @include meta box-shadow: none !important .pagefind-ui__toggle + @include icon(search, after) cursor: pointer padding: half($spacing0) $spacing0 text-align: left + &::after + line-height: inherit + font-size: $body-size-desktop + margin-left: px2rem(8) @include media-breakpoint-down(md) border-bottom: 1px solid #adb5bd padding: $spacing1 0 @@ -51,12 +56,18 @@ z-index: 5 @include media-breakpoint-down(md) height: calc(#{$spacing3} + #{half($spacing0)} + #{$spacing4}) + &__form + @include icon(search, after) + &::after + position: absolute + right: 0 + z-index: 7 &__search-input border-left: 0 border-right: 0 border-radius: 0 border-top: 0 - padding-right: $spacing1 !important + padding-right: half($spacing1) !important position: fixed z-index: 6 @include media-breakpoint-down(md) @@ -107,12 +118,9 @@ width: col(8) &__search-input, &__message - width: col(8,8) + width: calc(#{col(8,12)} - #{$spacing3} - #{$spacing1}) &__results-area padding-top: calc(#{$spacing4} - #{$spacing1}) - &__search-input, - &__message - width: col(8) @include media-breakpoint-down(md) &__search-input, &__message diff --git a/layouts/partials/commons/menu.html b/layouts/partials/commons/menu.html index 76f875f2db878ea3b0fa647f14dc8fa42aab0990..38af212ed6d7118def5b0ac2184020dec92a5b65 100644 --- a/layouts/partials/commons/menu.html +++ b/layouts/partials/commons/menu.html @@ -64,7 +64,7 @@ {{ end -}} {{ if and (eq $kind "primary") (site.Params.search.active)}} <button class="pagefind-ui__toggle" aria-expanded="false"> - {{ i18n (printf "commons.search.title") }} + {{- i18n (printf "commons.search.title") -}} </button> {{- partial "header/search.html" . -}} {{ end }} diff --git a/static/assets/fonts/fonticons/IconFont.ttf b/static/assets/fonts/fonticons/IconFont.ttf index fbe873630b635606a8df08e65255ccb84856491c..00ceeaca6d77bbbd891afea88e482e113a94bafa 100644 Binary files a/static/assets/fonts/fonticons/IconFont.ttf and b/static/assets/fonts/fonticons/IconFont.ttf differ diff --git a/static/assets/fonts/fonticons/IconFont.woff b/static/assets/fonts/fonticons/IconFont.woff index f6704326aec3cbb02ab85338915511da3e2a57c9..726e7d9be7c6e4eb91d6576bb852a0e42cd29962 100644 Binary files a/static/assets/fonts/fonticons/IconFont.woff and b/static/assets/fonts/fonticons/IconFont.woff differ diff --git a/static/assets/fonts/fonticons/IconFont.woff2 b/static/assets/fonts/fonticons/IconFont.woff2 index 898efd129ce6d001756174ccf4f10e2deb16af45..13f732b98eb3f1fdda3a7c89937349c9b61d0cf4 100644 Binary files a/static/assets/fonts/fonticons/IconFont.woff2 and b/static/assets/fonts/fonticons/IconFont.woff2 differ