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

Improved layer promotion and reduced jitter

Browse Source
This commit is contained in:
squidfunk 2020-03-05 09:27:32 +01:00
parent 3242ca974e
commit bc6a0b5060
5 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/stylesheets/layout/_footer.scss
View File

@ -130,7 +130,7 @@
margin-top: px2rem(-20px);
padding: 0 px2rem(20px);
color: var(--md-default-bg-color--light);
font-size: px2rem(15px);
font-size: ms(-1);
}
}

3
src/assets/stylesheets/layout/_header.scss
View File

@ -41,7 +41,6 @@
box-shadow:
0 0 px2rem(4px) rgba(0, 0, 0, 0),
0 px2rem(4px) px2rem(8px) rgba(0, 0, 0, 0);
backface-visibility: hidden;
z-index: 2;
// Always hide shadow, in case JavaScript is not available
@ -156,6 +155,8 @@
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
// Hack: reduce jitter
backface-visibility: hidden;
// Page title
& + & {

2
src/assets/stylesheets/layout/_nav.scss
View File

@ -205,6 +205,8 @@
box-shadow:
inset 0 px2rem(1px) 0 var(--md-default-fg-color--lightest);
overflow-y: auto;
// Hack: reduce jitter
backface-visibility: hidden;
scroll-snap-type: y mandatory;
// Remove border for first list item

2
src/assets/stylesheets/layout/_sidebar.scss
View File

@ -130,9 +130,9 @@ $md-toggle__drawer--checked:
max-height: 100%;
margin: 0 px2rem(4px);
overflow-y: auto;
scroll-snap-type: y mandatory;
// Hack: reduce jitter
backface-visibility: hidden;
scroll-snap-type: y mandatory;
// [tablet -]: Adjust margins
@include break-to-device(tablet) {

5
src/assets/stylesheets/layout/_source.scss
View File

@ -59,10 +59,9 @@
// Source container
.md-source {
display: block;
padding-right: px2rem(12px);
transition: opacity 250ms;
font-size: px2rem(13px);
line-height: 1.2;
line-height: 1.25;
white-space: nowrap;
// Hack: reduce jitter
backface-visibility: hidden;
@ -115,7 +114,7 @@
// Repository name
&__repository {
display: inline-block;
max-width: 100%;
max-width: calc(100% - #{px2rem(24px)});
margin-left: px2rem(12px);
font-weight: 700;
text-overflow: ellipsis;