Fixed unnecessary repaint when scrolling up with tabs

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

View File

@ -5,8 +5,8 @@
"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.map": "assets/javascripts/worker/search.4ac00218.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.358818c7.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.358818c7.min.css.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.5f1650c6.min.css",
"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.map": "assets/stylesheets/overrides.88a3f51b.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.f0267088.min.css",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -39,7 +39,7 @@
{% endif %}
{% endblock %}
{% 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 %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f0267088.min.css' | url }}">

View File

@ -77,6 +77,8 @@
display: block;
margin-top: px2rem(16px);
font-size: px2rem(14px);
// Hack: save a repaint when the tabs are appearing when scrolling up
backface-visibility: hidden;
opacity: 0.7;
transition:
transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),
@ -112,9 +114,8 @@
transform: translateY(50%);
opacity: 0;
transition:
color 250ms,
transform 0ms 400ms,
opacity 100ms;
transform 0ms 100ms,
opacity 100ms;
}
}
@ -164,7 +165,7 @@
// Always expand nested navigation on 2nd level
.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.
display: block;