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;