diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss index bc3335347..d0a649633 100644 --- a/quartz/components/styles/explorer.scss +++ b/quartz/components/styles/explorer.scss @@ -6,6 +6,7 @@ & > :not(.sidebar.left:has(.explorer)) { transition: transform 300ms ease-in-out; } + &.lock-scroll > :not(.sidebar.left:has(.explorer)) { transform: translateX(100dvw); transition: transform 300ms ease-in-out; @@ -33,8 +34,10 @@ min-height: 1.2rem; flex: 0 1 auto; + &.collapsed { flex: 0 1 1.2rem; + & .fold { transform: rotateZ(-90deg); } @@ -118,7 +121,10 @@ button.desktop-explorer { list-style: none; margin: 0; padding: 0; - overscroll-behavior: contain; + + &.explorer-ul { + overscroll-behavior: contain; + } & li > a { color: var(--dark); @@ -269,6 +275,8 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg { .mobile-no-scroll { @media all and ($mobile) { - overscroll-behavior: none; + .explorer-content > .explorer-ul { + overscroll-behavior: contain; + } } }