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 error in mobile navigation in case JavaScript is not available

Browse Source
This commit is contained in:
squidfunk 2017-08-30 17:06:31 +07:00 committed by Martin Donath
parent 6a8eb11378
commit bca99813d1
3 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/stylesheets/application-aa36dbf43e.css → material/assets/stylesheets/application-1ef2616bd8.css
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
<script src="{{ base_url }}/assets/javascripts/modernizr-e826f8942a.js"></script>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-aa36dbf43e.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-1ef2616bd8.css">
{% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02c2a4388f.palette.css">
{% endif %}

34
src/assets/stylesheets/layout/_nav.scss
View File

@ -351,30 +351,30 @@
// Hide nested navigation by default
.md-nav__toggle ~ & {
display: none;
display: flex;
transform: translateX(100%);
transition:
transform 0.25s cubic-bezier(0.8, 0, 0.6, 1),
opacity 0.125s 0.05s;
opacity: 0;
// Animate appearance, if browser supports 3D transforms
.csstransforms3d & {
display: flex;
transform: translateX(100%);
transition:
transform 0.25s cubic-bezier(0.8, 0, 0.6, 1),
opacity 0.125s 0.05s;
opacity: 0;
// Just hide navigation, if browser doesn't supports 3D transforms
.no-csstransforms3d & {
display: none;
}
}
// Expand nested navigation, if toggle is checked
.md-nav__toggle:checked ~ & {
display: flex;
transform: translateX(0);
transition:
transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.125s 0.125s;
opacity: 1;
// Animate appearance, if browser supports 3D transforms
.csstransforms3d & {
transform: translateX(0);
transition:
transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.125s 0.125s;
opacity: 1;
// Just show navigation, if browser doesn't supports 3D transforms
.no-csstransforms3d & {
display: flex;
}
}
}