Fix some content-visibility: auto weirdness

This commit is contained in:
Lim Chee Aun 2024-09-22 13:46:32 +08:00
parent 07242eb4d2
commit 333c434343

View file

@ -367,14 +367,13 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
border-bottom: var(--hairline-width) solid var(--divider-color);
--line-dir: var(--to-forward);
}
.timeline > li + li:not(.timeline-item-carousel) {
.timeline > li + li:not(.timeline-item-carousel, .hero, .ancestor) {
content-visibility: auto;
contain-intrinsic-size: auto 160px;
&:is(:hover, :focus-visible) {
/* Needed to undo the overflow: hidden "effect" due to "content-visibility: auto" */
content-visibility: visible;
}
}
.timeline.contextual > li:is(:hover, :focus-visible) {
/* Needed to undo the overflow: hidden "effect" due to "content-visibility: auto" */
content-visibility: visible !important;
}
.timeline.flat > li {
border-bottom: none;