Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 09:20:52 +01:00
Code Issues Releases Wiki Activity

Fixed search hotkeys to trigger for smaller screen sizes

Browse Source
This commit is contained in:
squidfunk 2019-04-28 10:34:27 +02:00
parent bcc8552876
commit 8049185aa8
5 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/javascripts/application.0caf228d.js → material/assets/javascripts/application.bef98be6.js
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application.cd328f5c.css → material/assets/stylesheets/application.750b69bd.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -53,7 +53,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/application.cd328f5c.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/application.750b69bd.css' | url }}">
{% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/application-palette.224b79ff.css' | url }}">
{% endif %}
@ -190,7 +190,7 @@
{% endblock %}
</div>
{% block scripts %}
<script src="{{ 'assets/javascripts/application.0caf228d.js' | url }}"></script>
<script src="{{ 'assets/javascripts/application.bef98be6.js' | url }}"></script>
{% if lang.t("search.language") != "en" %}
{% set languages = lang.t("search.language").split(",") %}
{% if languages | length and languages[0] != "" %}

19
src/assets/javascripts/application.js
View File

@ -320,16 +320,15 @@ function initialize(config) { // eslint-disable-line func-style
}).listen()
/* Listener: open search on focus */
new Material.Event.MatchMedia("(min-width: 960px)",
new Material.Event.Listener("[data-md-component=query]", "focus", () => {
const toggle = document.querySelector("[data-md-toggle=search]")
if (!(toggle instanceof HTMLInputElement))
throw new ReferenceError
if (!toggle.checked) {
toggle.checked = true
toggle.dispatchEvent(new CustomEvent("change"))
}
}))
new Material.Event.Listener("[data-md-component=query]", "focus", () => {
const toggle = document.querySelector("[data-md-toggle=search]")
if (!(toggle instanceof HTMLInputElement))
throw new ReferenceError
if (!toggle.checked) {
toggle.checked = true
toggle.dispatchEvent(new CustomEvent("change"))
}
}).listen()
/* Listener: keyboard handlers */ // eslint-disable-next-line complexity
new Material.Event.Listener(window, "keydown", ev => { // TODO: split up into component to reduce complexity

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

@ -189,9 +189,9 @@ $md-toggle__search--checked:
// Adjust for RTL languages
[dir="rtl"] & {
float: left;
margin-right: initial;
margin-left: px2rem(20px);
float: left;
}
}