mirror of
https://github.com/next-theme/hexo-theme-next.git
synced 2026-09-13 06:40:20 +00:00
27 lines
1.2 KiB
Plaintext
27 lines
1.2 KiB
Plaintext
{%- if theme.algolia_search.enable or theme.local_search.enable %}
|
|
{# Keep the popup out of the render tree to prevent Safari from animating it before main.css is applied.
|
|
When main.css loads slowly, the unstyled search popup briefly appears and shrinks away. #}
|
|
<template id="search-popup-template"><div class="search-pop-overlay">
|
|
<div class="popup search-popup">
|
|
<div class="search-header">
|
|
<span class="search-icon">
|
|
<i class="fa fa-search"></i>
|
|
</span>
|
|
<div class="search-input-container">
|
|
<input autocomplete="off" autocapitalize="off" maxlength="80"
|
|
placeholder="{{ __('search.placeholder') }}" spellcheck="false"
|
|
type="search" class="search-input">
|
|
</div>
|
|
<span class="popup-btn-close" role="button">
|
|
<i class="fa fa-times-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="search-result-container">
|
|
<div class="search-result-icon">
|
|
<i class="{% if theme.algolia_search.enable %}fab fa-algolia{% elif theme.local_search.enable %}fa fa-spinner fa-pulse{% endif %} fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></template>
|
|
{%- endif %}
|