Monorepo for Tangled
tangled.org
appview/pages: make side columns in timeline sticky
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(Jun 8, 2026, 2:45 PM +0100)
commit
d36683e5
d36683e5d3b1f9fef30921cf7e4eac25a2a0d969
parent
3023ff31
3023ff3104f7a2c950585c6b00c3a9e44401f551
change-id
vknyxmuz
vknyxmuznwplrlozxpssqtrxnoquwpnu
+3
-3
+3
-3
appview/pages/templates/timeline/timeline.html
+3
-3
appview/pages/templates/timeline/timeline.html
···
14
14
{{ end }}
15
15
16
16
{{ define "content" }}
17
-
<div id="timeline-grid" class="flex flex-col md:grid md:grid-cols-8">
17
+
<div id="timeline-grid" class="flex flex-col md:grid md:grid-cols-8 md:items-start">
18
18
19
-
<div class="hidden md:flex md:col-span-2 md:flex-col md:gap-4 md:pt-4 md:px-4">
19
+
<div class="hidden md:flex md:col-span-2 md:flex-col md:gap-4 md:pt-4 md:px-4 md:sticky md:top-0 md:h-screen md:overflow-y-auto md:pb-4">
20
20
{{ template "timeline/fragments/notifications" . }}
21
21
{{ template "timeline/fragments/recents" . }}
22
22
</div>
···
25
25
{{ template "timeline/fragments/timeline" . }}
26
26
</div>
27
27
28
-
<div class="order-1 md:order-none flex flex-col gap-4 md:col-start-7 md:row-start-1 md:col-span-2 md:pt-4 md:px-4">
28
+
<div class="order-1 md:order-none flex flex-col gap-4 md:col-start-7 md:row-start-1 md:col-span-2 md:pt-4 md:px-4 md:sticky md:top-0 md:h-screen md:overflow-y-auto md:pb-4">
29
29
{{ if .ShowNewsletter }}
30
30
<div id="newsletter-col" class="order-first md:order-last">
31
31
{{ template "timeline/fragments/newsletterWidget" . }}