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

Fix widths for media queries in JavaScript

Browse Source
This commit is contained in:
squidfunk 2017-01-07 18:02:21 +01:00
parent d53945a89a
commit ebff8b795b
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/javascripts/application-c6a54b6fec.js → material/assets/javascripts/application-ca9b3745c3.js
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -111,7 +111,7 @@
<script src="https://cdn.mathjax.org/{{ path }}"></script>
{% endif %}
{% endfor %}
<script src="{{ base_url }}/assets/javascripts/application-c6a54b6fec.js"></script>
<script src="{{ base_url }}/assets/javascripts/application-ca9b3745c3.js"></script>
<script>var config={url:{base:"{{ base_url }}"}},app=new Application(config);app.initialize()</script>
{% for path in extra_javascript %}
<script src="{{ path }}"></script>

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

@ -101,7 +101,7 @@ export default class Application {
], new Material.Sidebar.Container("[data-md-component=container]")))
/* Component: sidebar with navigation */
new Material.Event.MatchMedia("(min-width: 1200px)",
new Material.Event.MatchMedia("(min-width: 1220px)",
new Material.Event.Listener(window, [
"scroll", "resize", "orientationchange"
], new Material.Sidebar.Position("[data-md-component=navigation]")))
@ -121,13 +121,13 @@ export default class Application {
const collapsibles =
document.querySelectorAll("[data-md-component=collapsible]")
Array.prototype.forEach.call(collapsibles, collapse => {
new Material.Event.MatchMedia("(min-width: 1200px)",
new Material.Event.MatchMedia("(min-width: 1220px)",
new Material.Event.Listener(collapse.previousElementSibling, "click",
new Material.Nav.Collapse(collapse)))
})
/* Component: pane monitor for iOS scrolling fixes */
new Material.Event.MatchMedia("(max-width: 1199px)",
new Material.Event.MatchMedia("(max-width: 1219px)",
new Material.Event.Listener(
"[data-md-component=navigation] [data-md-toggle]", "change",
new Material.Nav.Scrolling("[data-md-component=navigation] nav")))
@ -153,7 +153,7 @@ export default class Application {
})).listen()
/* Listener: prevent touches on overlay if navigation is active */
new Material.Event.MatchMedia("(max-width: 1199px)",
new Material.Event.MatchMedia("(max-width: 1219px)",
new Material.Event.Listener("[data-md-component=overlay]", "touchstart",
ev => ev.preventDefault()))

4
src/assets/stylesheets/helpers/_break.scss
View File

@ -35,10 +35,10 @@
/// ),
/// tablet: (
/// portrait: 720px 959px,
/// landscape: 960px 1199px
/// landscape: 960px 1219px
/// ),
/// screen: (
/// small: 1200px 1599px,
/// small: 1220px 1599px,
/// medium: 1600px 1999px,
/// large: 2000px
/// )