Fix timeline scrolling issue, lol

"Intersection Observer Article", "Block Formatting Context"... I know some of these words
This commit is contained in:
Alex Gleason
2021-09-13 19:10:20 -05:00
parent b5dced5a6a
commit c691408d0d
2 changed files with 21 additions and 1 deletions

View File

@ -128,7 +128,21 @@
.status__wrapper {
@include standard-panel;
margin: 10px 0;
margin: 5px 0;
}
.slist > .item-list > article {
&:first-child {
.status__wrapper {
margin-top: 10px;
}
}
&:last-child {
.status__wrapper {
margin-bottom: 10px;
}
}
}
.status__wrapper--filtered {

View File

@ -742,3 +742,9 @@
background: var(--accent-color);
}
}
// Create a new Block Formatting Context to prevent the timelines from jumping
// https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
.slist > .item-list > article {
overflow: hidden;
}