From c5c991f1b1fa7c18ad3ff6b7e6aab22b9b7797ed Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 7 Dec 2024 02:30:01 +0200
Subject: [PATCH] style(next): recent changes list: use sticky headers

---
 src/public/stylesheets/theme-next.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 36bbe1733..d2946b9be 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -1293,6 +1293,14 @@ body .calendar-dropdown-widget .calendar-body a:hover {
  * Recent changes list
  */
 
+.recent-changes-dialog .modal-body {
+    padding: 0;
+}
+
+.recent-changes-content {
+    margin: var(--bs-modal-padding);
+}
+
 .recent-changes-content small {
     color: var(--muted-text-color);
 }
@@ -1303,10 +1311,14 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 
 /* Date headings */
 .recent-changes-content > div > b {
+    position: sticky;
     display: block;
+    top: 0;
+    background: var(--modal-background-color);
     padding: 10px 0;
     font-size: 1.25em;
     font-weight: 300;
+    z-index: 10;
 }
 
 .recent-changes-content ul {
@@ -1318,11 +1330,13 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 /* Timeline items */
 .recent-changes-content ul li,
 .recent-changes-content > div > b {
-    position: relative;
     margin: 0;
     padding-left: var(--timeline-right-gap);
 }
 
+.recent-changes-content ul li {
+    position: relative;
+}
 
 /* Timeline connector */
 .recent-changes-content ul li::before,