OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed invalid display strategy of search reset button

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/assets/manifest.json
View File

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

3
material/assets/stylesheets/main.21aed14c.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.21aed14c.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

3
material/assets/stylesheets/main.6d5ce42f.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.6d5ce42f.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

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

2
material/partials/search.html
View File

@ -6,7 +6,7 @@
<label class="md-search__overlay" for="__search"></label> <label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search"> <div class="md-search__inner" role="search">
<form class="md-search__form" name="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"> <label class="md-search__icon md-icon" for="__search">
{% include ".icons/material/magnify.svg" %} {% include ".icons/material/magnify.svg" %}
{% include ".icons/material/arrow-left.svg" %} {% include ".icons/material/arrow-left.svg" %}

2
src/assets/stylesheets/main/layout/_search.scss
View File

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

1
src/partials/search.html
View File

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