Refactor scroll behavior

This commit is contained in:
dwrz
2026-07-06 17:22:32 +00:00
parent cc0d1d9892
commit d1156d9b7c
4 changed files with 81 additions and 69 deletions

View File

@@ -98,6 +98,7 @@ body {
flex: 1 1 0;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: var(--s1);
background: var(--color-surface);
border: 1px solid var(--color-border-light);
@@ -399,17 +400,17 @@ body {
height: 1rem;
}
.scroll-icon--up {
display: inline;
/* Following state: cyan accent on the down button. */
#scroll-down.following {
color: var(--color-cyan);
border-color: var(--color-cyan);
}
.scroll-icon--down {
display: none;
}
#scroll.scrolled-up .scroll-icon--up {
display: none;
}
#scroll.scrolled-up .scroll-icon--down {
display: inline;
@media (hover: hover) {
#scroll-down.following:hover {
color: var(--color-cyan);
border-color: var(--color-cyan);
}
}
.footer__toolbar-btn--muted {