starred/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2026-08-01 02:08:46 -04: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
Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/stylesheets/main/layout/_tabs.scss
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;