Fix: Docs navigation

This commit is contained in:
Lucas Larroche 2021-12-23 23:29:45 +07:00
parent f81a2e4af4
commit d753a5ec84
5 changed files with 5 additions and 11 deletions

View file

@ -90,14 +90,13 @@ svg {
*/
main > aside nav {
width: 100%;
margin-bottom: calc(var(--block-spacing-vertical) * 2);
padding-bottom: var(--block-spacing-vertical);
}
@media (min-width: 992px) {
main > aside nav {
position: fixed;
width: 200px;
max-height: calc(100vh - 5.5rem);
margin-bottom: 0;
overflow-x: hidden;
overflow-y: auto;
}
@ -118,9 +117,6 @@ main > aside nav a#toggle-docs-navigation svg {
display: none;
}
}
main > aside nav.closed-on-mobile {
margin-bottom: var(--block-spacing-vertical);
}
main > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {
display: none;
}

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

@ -6,13 +6,12 @@ main > aside {
nav {
width: 100%;
margin-bottom: calc(var(--block-spacing-vertical) * 2);
padding-bottom: var(--block-spacing-vertical);
@media (min-width: map-get($breakpoints, "lg")) {
position: fixed;
width: 200px;
max-height: calc(100vh - 5.5rem);
margin-bottom: 0;
overflow-x: hidden;
overflow-y: auto;
}
@ -35,7 +34,6 @@ main > aside {
}
&.closed-on-mobile {
margin-bottom: var(--block-spacing-vertical);
a#toggle-docs-navigation {
svg.collapse {