UX: Adjust spacing and max height for subsections (#28)

This commit is contained in:
Penar Musaraj 2022-01-28 23:42:33 +01:00 committed by GitHub
parent 7bf7b95901
commit cd8690ffa2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions

View File

@ -26,7 +26,7 @@ $padding-basis: 0.75em;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-left: $padding-basis; padding-left: $padding-basis;
line-height: 1.6em; line-height: var(--line-height-large);
> ul { > ul {
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
@ -36,7 +36,7 @@ $padding-basis: 0.75em;
&.active, &.active,
.d-toc-wrapper.overlay & { .d-toc-wrapper.overlay & {
ul { ul {
max-height: 150em; max-height: 500em;
overflow: visible; overflow: visible;
opacity: 1; opacity: 1;
} }
@ -60,6 +60,12 @@ $padding-basis: 0.75em;
> ul > li > ul { > ul > li > ul {
font-size: var(--font-down-1); font-size: var(--font-down-1);
> li:first-child {
padding-top: 0.25em;
}
> li {
padding-bottom: 0.15em;
}
li.direct-active > a:before { li.direct-active > a:before {
// it's odd that we need this // it's odd that we need this
margin-left: -1px; margin-left: -1px;