1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 09:20:52 +01:00

Fixed blurry table of contents

This commit is contained in:
squidfunk 2019-12-22 18:43:30 +01:00
parent 704a7c507d
commit c736cd9939
5 changed files with 12 additions and 18 deletions

View File

@ -2543,14 +2543,10 @@ hr {
padding-left: 0.8rem; } padding-left: 0.8rem; }
.md-sidebar--secondary { .md-sidebar--secondary {
display: block; display: block;
margin-left: 100%; margin-left: calc(100% - 12.1rem); }
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
[dir="rtl"] .md-sidebar--secondary { [dir="rtl"] .md-sidebar--secondary {
margin-right: 100%; margin-right: calc(100% - 12.1rem);
margin-left: initial; margin-left: initial; }
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0); }
.md-sidebar--secondary .md-sidebar__scrollwrap { .md-sidebar--secondary .md-sidebar__scrollwrap {
-webkit-overflow-scrolling: touch; } } -webkit-overflow-scrolling: touch; } }
@ -2600,9 +2596,9 @@ hr {
.md-search__scrollwrap { .md-search__scrollwrap {
width: 34.4rem; } width: 34.4rem; }
.md-sidebar--secondary { .md-sidebar--secondary {
margin-left: 61rem; } margin-left: 48.9rem; }
[dir="rtl"] .md-sidebar--secondary { [dir="rtl"] .md-sidebar--secondary {
margin-right: 61rem; margin-right: 48.9rem;
margin-left: initial; } margin-left: initial; }
.md-tabs ~ .md-main .md-nav--primary > .md-nav__list > .md-nav__item--nested { .md-tabs ~ .md-main .md-nav--primary > .md-nav__list > .md-nav__item--nested {
font-size: 0; font-size: 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -109,14 +109,12 @@ $md-toggle__drawer--checked:
// [tablet landscape +]: Show table of contents next to body copy // [tablet landscape +]: Show table of contents next to body copy
@include break-from-device(tablet landscape) { @include break-from-device(tablet landscape) {
display: block; display: block;
margin-left: 100%; margin-left: calc(100% - #{px2rem(242px)});
transform: translate(-100%, 0);
// Adjust for RTL languages // Adjust for RTL languages
[dir="rtl"] & { [dir="rtl"] & {
margin-right: 100%; margin-right: calc(100% - #{px2rem(242px)});
margin-left: initial; margin-left: initial;
transform: translate(100%, 0);
} }
// Ensure smooth scrolling on iOS // Ensure smooth scrolling on iOS
@ -127,11 +125,11 @@ $md-toggle__drawer--checked:
// [screen +]: Limit to grid // [screen +]: Limit to grid
@include break-from-device(screen) { @include break-from-device(screen) {
margin-left: px2rem(1220px); margin-left: px2rem((1220 - 242) * 1px);
// Adjust for RTL languages // Adjust for RTL languages
[dir="rtl"] & { [dir="rtl"] & {
margin-right: px2rem(1220px); margin-right: px2rem((1220 - 242) * 1px);
margin-left: initial; margin-left: initial;
} }
} }