Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2025-01-19 01:14:06 +01:00
Code Issues Releases Wiki Activity

Merge pull request #113 from squidfunk/refactor/reduce-repaints-for-sidebar

Browse Source 
Reduce repaints for sidebar
This commit is contained in:
Martin Donath 2017-01-15 15:04:08 +01:00 committed by GitHub
commit 9d24e6880b
5 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

4
material/base.html
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-00f045df1c.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 %}

4
src/assets/stylesheets/layout/_search.scss
View File

@ -265,14 +265,14 @@
// [tablet landscape +]: Header-embedded search // [tablet landscape +]: Header-embedded search
@include break-from-device(tablet landscape) { @include break-from-device(tablet landscape) {
@include z-depth(6);
top: 4rem; top: 4rem;
transition: opacity 0.4s; transition: opacity 0.4s;
opacity: 0; opacity: 0;
// Show search output in active state // Show search output in active state
[data-md-toggle="search"]:checked ~ .md-header & { [data-md-toggle="search"]:checked ~ .md-header & {
@include z-depth(6);
opacity: 1; opacity: 1;
} }
} }

13
src/assets/stylesheets/layout/_sidebar.scss
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;