crossfade

2026-08-01 15:58:19 +02:00
parent 0d5dbbc61f
commit 17cf8df109
16 changed files with 258 additions and 51 deletions
@@ -165,6 +165,26 @@
 		view-transition-name: day-charts;
 	}

+	/* The sticky day strip never changes during a day switch, but it has to be
+	   captured too: view-transition snapshots all paint in one layer above the
+	   page, so without its own group (and a higher z-index in that layer) the
+	   fading table and charts would slide over the top of it. */
+	.daystrip {
+		view-transition-name: daystrip;
+	}
+	::view-transition-group(daystrip) {
+		z-index: 20;
+	}
+
+	/* Same for the topbar: a captured region's snapshot is painted at its layout
+	   position, including the part normally scrolled up behind the chrome. */
+	.topbar {
+		view-transition-name: topbar;
+	}
+	::view-transition-group(topbar) {
+		z-index: 30;
+	}
+
 	::view-transition-old(day-table),
 	::view-transition-new(day-table),
 	::view-transition-old(day-summary),
@@ -183,7 +203,9 @@
 	@media (prefers-reduced-motion: reduce) {
 		.day-region-table,
 		.day-region-summary,
-		.day-region-charts {
+		.day-region-charts,
+		.daystrip,
+		.topbar {
 			view-transition-name: none;
 		}
 	}