mediawiki-extensions-Relate.../resources/ext.relatedArticles.styles.less
jdlrobson 83c2b071c4 Fix loading of related articles via IntersectionObserver
For IntersectionObserver to work the element we listen on needs to
have a non-zero height.

Bug: T223844
Change-Id: I308f646670b112e42b0aaa11c438dbc5cdc5edd8
2021-11-04 12:30:11 -07:00

20 lines
573 B
Plaintext

@import 'mediawiki.ui/variables';
// Reserve space for the related articles cards.
// https://phabricator.wikimedia.org/T223844
// Note this is optimized for 3 related articles which is the majority of cases.
// There will be a jump when:
// - a page has no related articles,
// - a page has more than 3 related articles
// and there will be visible whitespace on mobile for a page with less than 3.
.client-js {
.read-more-container {
// Assumes 3 cards at 78px.
min-height: 274px;
@media ( min-width: @width-breakpoint-desktop ) {
min-height: 124px;
}
}
}