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 glitch in sidebar when collapsing items

Browse Source
This commit is contained in:
squidfunk
2019-02-13 18:04:13 +01:00
parent 71fc5d1d37
commit 4ca20f1b8b
4 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
material/assets/javascripts/application.43ad2ac2.js Normal file
View File

File diff suppressed because one or more lines are too long

6
material/assets/javascripts/application.efe184c7.js
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@@ -190,7 +190,7 @@
{% endblock %} {% endblock %}
</div> </div>
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/application.efe184c7.js' | url }}"></script> <script src="{{ 'assets/javascripts/application.43ad2ac2.js' | url }}"></script>
{% if lang.t("search.language") != "en" %} {% if lang.t("search.language") != "en" %}
{% set languages = lang.t("search.language").split(",") %} {% set languages = lang.t("search.language").split(",") %}
{% if languages | length and languages[0] != "" %} {% if languages | length and languages[0] != "" %}

14
src/assets/javascripts/components/Material/Nav/Collapse.js
View File

@@ -70,8 +70,14 @@ export default class Collapse {
this.el_.style.display = "block" this.el_.style.display = "block"
this.el_.style.overflow = "" this.el_.style.overflow = ""
/* Hack: read value directly from input field */
const expanded = this.el_
.previousElementSibling
.previousElementSibling
.checked
/* Expanded, so collapse */ /* Expanded, so collapse */
if (current) { if (expanded) {
this.el_.style.maxHeight = `${current}px` this.el_.style.maxHeight = `${current}px`
requestAnimationFrame(() => { requestAnimationFrame(() => {
this.el_.setAttribute("data-md-state", "animate") this.el_.setAttribute("data-md-state", "animate")
@@ -106,9 +112,9 @@ export default class Collapse {
target.style.maxHeight = "" target.style.maxHeight = ""
/* Hidden links should not be focusable, so hide them when the navigation /* Hidden links should not be focusable, so hide them when the navigation
is collapsed and set overflow so the outline is not cut off */ is collapsed and set overflow so the outline is not cut off */
target.style.display = current ? "none" : "block" target.style.display = expanded ? "none" : "block"
target.style.overflow = current ? "hidden" : "visible" target.style.overflow = expanded ? "hidden" : "visible"
/* Only fire once, so directly remove event listener */ /* Only fire once, so directly remove event listener */
target.removeEventListener("transitionend", end) target.removeEventListener("transitionend", end)