Refactor scroll behavior
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user