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 unnecessary repaint when scrolling up with tabs

Browse Source
This commit is contained in:
squidfunk 2020-11-13 11:20:46 +01:00
parent 86a4c47c0a
commit 3872efc0fe
5 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/assets/manifest.json
View File

@ -5,8 +5,8 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.fd16492e.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.fd16492e.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.4ac00218.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.4ac00218.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.358818c7.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.5f1650c6.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.358818c7.min.css.map", "assets/stylesheets/main.css.map": "assets/stylesheets/main.5f1650c6.min.css.map",
"assets/stylesheets/overrides.css": "assets/stylesheets/overrides.88a3f51b.min.css", "assets/stylesheets/overrides.css": "assets/stylesheets/overrides.88a3f51b.min.css",
"assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.88a3f51b.min.css.map", "assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.88a3f51b.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.f0267088.min.css", "assets/stylesheets/palette.css": "assets/stylesheets/palette.f0267088.min.css",

3
material/assets/stylesheets/main.358818c7.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.358818c7.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.358818c7.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.5f1650c6.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f0267088.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f0267088.min.css' | url }}">

9
src/assets/stylesheets/main/layout/_tabs.scss
View File

@ -77,6 +77,8 @@
display: block; display: block;
margin-top: px2rem(16px); margin-top: px2rem(16px);
font-size: px2rem(14px); font-size: px2rem(14px);
// Hack: save a repaint when the tabs are appearing when scrolling up
backface-visibility: hidden;
opacity: 0.7; opacity: 0.7;
transition: transition:
transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1), transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),
@ -112,9 +114,8 @@
transform: translateY(50%); transform: translateY(50%);
opacity: 0; opacity: 0;
transition: transition:
color 250ms, transform 0ms 100ms,
transform 0ms 400ms, opacity 100ms;
opacity 100ms;
} }
} }
@ -164,7 +165,7 @@
// Always expand nested navigation on 2nd level // Always expand nested navigation on 2nd level
.md-nav[data-md-level="1"] { .md-nav[data-md-level="1"] {
// Hack: Always show active navigation tab on breakpoint screen, despite // Hack: always show active navigation tab on breakpoint screen, despite
// of checkbox being checked or not. Fixes #1655. // of checkbox being checked or not. Fixes #1655.
display: block; display: block;