Fixed invalid display strategy of search reset button

This commit is contained in:
squidfunk 2020-11-15 15:55:21 +01:00
parent 34ea186849
commit 0135353b7d
9 changed files with 10 additions and 9 deletions

View File

@ -5,8 +5,8 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.fd16492e.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.4ac00218.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.6d5ce42f.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.6d5ce42f.min.css.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.21aed14c.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.21aed14c.min.css.map",
"assets/stylesheets/overrides.css": "assets/stylesheets/overrides.4400c9db.min.css",
"assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.4400c9db.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.196e0c26.min.css",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -39,7 +39,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.6d5ce42f.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.21aed14c.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.196e0c26.min.css' | url }}">

View File

@ -6,7 +6,7 @@
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="{{ lang.t('search.placeholder') }}" placeholder="{{ lang.t('search.placeholder') }}" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" data-md-state="active">
<input type="text" class="md-search__input" name="query" aria-label="{{ lang.t('search.placeholder') }}" placeholder="{{ lang.t('search.placeholder') }}" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" data-md-state="active" required>
<label class="md-search__icon md-icon" for="__search">
{% include ".icons/material/magnify.svg" %}
{% include ".icons/material/arrow-left.svg" %}

View File

@ -403,7 +403,7 @@ $md-toggle__search--checked:
// Show reset button if search is active and input non-empty
#{$md-toggle__search--checked}
.md-search__input:not(:placeholder-shown) ~ & {
.md-search__input:valid ~ & {
transform: scale(1);
opacity: 1;
pointer-events: initial;

View File

@ -39,6 +39,7 @@
spellcheck="false"
data-md-component="search-query"
data-md-state="active"
required
/>
<label class="md-search__icon md-icon" for="__search">
{% include ".icons/material/magnify.svg" %}