Fix: restore former scrollbar behavior for overflow lists (https://github.com/jackyzha0/quartz/issues/1437)

This commit is contained in:
saberzero1 2024-09-25 14:23:01 +02:00
parent 20f7422922
commit 5fb90c835d
No known key found for this signature in database
GPG Key ID: 41AEE99107640F10
3 changed files with 4 additions and 18 deletions

View File

@ -3,7 +3,8 @@
.backlinks { .backlinks {
@media all and not ($desktop) { @media all and not ($desktop) {
overflow-y: auto; overflow-y: auto;
display: initial; display: flex;
flex-direction: column;
&:after { &:after {
pointer-events: none; pointer-events: none;
content: ""; content: "";
@ -17,10 +18,6 @@
background: linear-gradient(transparent 0px, var(--light)); background: linear-gradient(transparent 0px, var(--light));
} }
&:has(> .overflow) {
position: unset;
}
& > h3 { & > h3 {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;
@ -39,10 +36,6 @@
} }
& > .overflow { & > .overflow {
max-height: unset;
& > li:last-of-type {
margin-bottom: 0;
}
&:after { &:after {
display: none; display: none;
} }

View File

@ -3,10 +3,6 @@
&.desktop-only { &.desktop-only {
max-height: 40%; max-height: 40%;
} }
> #toc-content > .overflow {
max-height: unset;
overflow-y: unset;
}
} }
button#toc { button#toc {

View File

@ -537,6 +537,7 @@ video {
} }
div:has(> .overflow) { div:has(> .overflow) {
display: flex;
position: relative; position: relative;
overflow-y: auto; overflow-y: auto;
max-height: 100%; max-height: 100%;
@ -544,7 +545,7 @@ div:has(> .overflow) {
ul.overflow, ul.overflow,
ol.overflow { ol.overflow {
max-height: 400; max-height: 100%;
overflow-y: auto; overflow-y: auto;
// clearfix // clearfix
@ -554,10 +555,6 @@ ol.overflow {
& > li:last-of-type { & > li:last-of-type {
margin-bottom: 30px; margin-bottom: 30px;
} }
}
*:has(> * > ul.overflow),
*:has(> * > ol.overflow) {
&:after { &:after {
pointer-events: none; pointer-events: none;
content: ""; content: "";