wholetrans/docs-matrix-spec
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #3250 from matrix-org/jryans/mobile-toc-overlap

Browse source 
Fix sidebar overlap for small width devices
This commit is contained in:
Travis Ralston 2021-06-16 17:29:56 -06:00 • committed by Richard van der Hoff
commit 6ba9ff5303
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets-hugo/scss/custom.scss
View file

@ -45,9 +45,6 @@ Custom SCSS for the Matrix spec
scroll-behavior: smooth; scroll-behavior: smooth;
overscroll-behavior: contain; overscroll-behavior: contain;
/* This overrides calc(100vh - 10rem);, which gives us a blank space at the bottom of the sidebar */
max-height: calc(100vh - 6rem);
&>.td-sidebar-nav__section { &>.td-sidebar-nav__section {
margin-top: 1rem; margin-top: 1rem;
} }
@ -92,6 +89,15 @@ Custom SCSS for the Matrix spec
} }
} }
@media (min-width: 768px) {
@supports (position: sticky) {
.td-sidebar-nav {
/* This overrides calc(100vh - 10rem);, which gives us a blank space at the bottom of the sidebar */
max-height: calc(100vh - 6rem);
}
}
}
/* Customise footer */ /* Customise footer */
footer { footer {
box-shadow: 0px 0px 8px rgba(179, 179, 179, 0.25); box-shadow: 0px 0px 8px rgba(179, 179, 179, 0.25);