From 333c434343ae8879216c32d69c27bd4e3b1c9f27 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 22 Sep 2024 13:46:32 +0800
Subject: [PATCH] Fix some content-visibility: auto weirdness
---
src/app.css | 11 +++++------
1 file changed, 5 insertions(+), 6 deletions(-)
diff --git a/src/app.css b/src/app.css
index 0953116d..d3b8d838 100644
--- a/src/app.css
+++ b/src/app.css
@@ -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;