mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 02:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Docs navigation

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
docs/css/pico.docs.css
View file

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

2
docs/css/pico.docs.css.map
View file

File diff suppressed because one or more lines are too long

2
docs/css/pico.docs.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/css/pico.docs.min.css.map
View file

File diff suppressed because one or more lines are too long

4
docs/scss/layout/_aside.scss
View file

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