chore(css): style tweaks for overflow

This commit is contained in:
Jacky Zhao
2025-04-05 11:38:50 -07:00
parent bb24cd13c7
commit ee8c1dc968
4 changed files with 17 additions and 23 deletions

View File

@ -8,11 +8,11 @@
margin: 0;
}
& > ul {
& > ul.overflow {
list-style: none;
padding: 0;
margin: 0.5rem 0;
height: 6rem;
max-height: calc(100% - 2rem);
overscroll-behavior: contain;
& > li {

View File

@ -3,18 +3,11 @@
.toc {
display: flex;
flex-direction: column;
overflow-y: hidden;
min-height: 1.2rem;
flex: 0 1 auto;
min-height: 1.4rem;
flex: 0 0.5 auto;
&:has(button.toc-header.collapsed) {
flex: 0 1 1.2rem;
}
}
@media all and not ($mobile) {
.toc-header {
display: flex;
flex: 0 1 1.4rem;
}
}
@ -45,15 +38,15 @@ button.toc-header {
}
}
ul.toc-content {
ul.toc-content.overflow {
list-style: none;
position: relative;
margin: 0.5rem 0;
padding: 0;
height: 5rem;
max-height: calc(100% - 2rem);
overscroll-behavior: contain;
list-style: none;
& > li > a {
color: var(--dark);
opacity: 0.35;