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 massive repaints when scrolling

Browse Source
This commit is contained in:
squidfunk 2017-01-13 13:02:28 +01:00
parent 364309d47a
commit 4086c2c973
5 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/application-fa1296f85d.css Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/application-ff220fd69d.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -31,7 +31,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block libs %} {% block libs %}
<script src="{{ base_url }}/assets/javascripts/modernizr-facb31f4a3.js"></script> <script src="{{ base_url }}/assets/javascripts/modernizr.js"></script>
{% endblock %} {% endblock %}
{% block fonts %} {% block fonts %}
{% if config.extra.font != "none" %} {% if config.extra.font != "none" %}
@ -45,7 +45,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-ff220fd69d.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-fa1296f85d.css">
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css">
{% endif %} {% endif %}

10
src/assets/stylesheets/layout/_content.scss
View File

@ -35,6 +35,9 @@
// [screen +]: Add space for table of contents // [screen +]: Add space for table of contents
@include break-from-device(screen) { @include break-from-device(screen) {
margin-left: 24.2rem; margin-left: 24.2rem;
// Hack: setting overflow to auto is necessary in combination with floating
// the inner container left, as this omits massive repaints
overflow: auto;
} }
// Define spacing // Define spacing
@ -44,6 +47,13 @@
// [screen +]: Increase spacing // [screen +]: Increase spacing
@include break-from-device(screen) { @include break-from-device(screen) {
margin: 2.4rem; margin: 2.4rem;
// Hack: necessary to omit massive repaints when scrolling
float: left;
// Hack: remove bottom spacing, due to margin collapse
:last-child {
margin-bottom: 0;
}
} }
} }

1
src/assets/stylesheets/layout/_sidebar.scss
View File

@ -40,6 +40,7 @@
&[data-md-state="lock"] { &[data-md-state="lock"] {
position: fixed; position: fixed;
top: 5.6rem; top: 5.6rem;
backface-visibility: hidden;
} }
// [tablet -]: Convert navigation to drawer // [tablet -]: Convert navigation to drawer