style(next): recent changes list: use sticky headers

This commit is contained in:
Adorian Doran 2024-12-07 02:30:01 +02:00
parent bf1c834454
commit c5c991f1b1

View File

@ -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,