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 blurry table of contents

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
material/assets/stylesheets/app.css
View File

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

2
material/assets/stylesheets/app.css.map
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/app.min.css.map
View File

File diff suppressed because one or more lines are too long

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

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