Further reduction of repaints by refactoring sidebar

This commit is contained in:
squidfunk 2017-01-15 14:57:06 +01:00
parent f81a0c578a
commit ed1ae7226a
4 changed files with 6 additions and 13 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -19,7 +19,7 @@
{% else %} {% else %}
<link rel="shortcut icon" href="{{ base_url }}/assets/images/favicon.ico"> <link rel="shortcut icon" href="{{ base_url }}/assets/images/favicon.ico">
{% endif %} {% endif %}
<meta name="generator" content="mkdocs+mkdocs-material#1.0.1"> <meta name="generator" content="mkdocs+mkdocs-material#1.0.2">
{% endblock %} {% endblock %}
{% block htmltitle %} {% block htmltitle %}
{% if page.title %} {% if page.title %}
@ -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-1b8b9fdf68.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-6485de249a.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 %}

View File

@ -28,6 +28,7 @@
.md-sidebar { .md-sidebar {
position: relative; position: relative;
width: 24.2rem; width: 24.2rem;
padding: 2.4rem 0;
float: left; float: left;
overflow: visible; overflow: visible;
@ -108,7 +109,8 @@
// Wrapper for scrolling on overflow // Wrapper for scrolling on overflow
&__scrollwrap { &__scrollwrap {
margin: 2.4rem 0.4rem; max-height: 100%;
margin: 0 0.4rem;
overflow-y: auto; overflow-y: auto;
// [tablet -]: Adjust margins // [tablet -]: Adjust margins
@ -120,15 +122,6 @@
} }
} }
// Limit height to window, if JavaScript is available
.js & {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
// Override native scrollbar styles // Override native scrollbar styles
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 0.4rem; width: 0.4rem;