Improved search input for mobile

- font size 16px to prevent zooming on iOS Safari
- search input is scrolled into view on iOS Safari
- box-shadow is displayed correctly
This commit is contained in:
Silvio Giebl
2020-06-13 22:35:07 +02:00
parent f5e6573e16
commit da9276121a
3 changed files with 41 additions and 34 deletions

View File

@@ -112,17 +112,16 @@ layout: table_wrappers
</div>
</div>
</div>
{% if site.search_enabled != false %}
{% if site.search.button %}
<a href="#" id="search-button" class="search-button">
<svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-search"></use></svg>
</a>
{% if site.search_enabled != false %}
{% if site.search.button %}
<a href="#" id="search-button" class="search-button">
<svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-search"></use></svg>
</a>
{% endif %}
<div class="search-overlay"></div>
{% endif %}
<div class="search-overlay"></div>
{% endif %}
</div>
</body>
</html>