From 959d4aaed6bb4775361cd5b25bd639ea5305b9b3 Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Fri, 25 Jul 2025 18:18:23 +0200
Subject: [PATCH] :lipstick: Make table header sticky

---
 src/src/app/components/trip/trip.component.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/src/app/components/trip/trip.component.html b/src/src/app/components/trip/trip.component.html
index 02beebb..e8b968f 100644
--- a/src/src/app/components/trip/trip.component.html
+++ b/src/src/app/components/trip/trip.component.html
@@ -45,12 +45,12 @@
 }
 
 <section class="p-4 print:px-1 grid md:grid-cols-3 gap-4 print:block">
-  <div class="p-4 shadow self-start rounded-md md:col-span-2 max-w-screen print:col-span-full">
-    <div class="p-2 mb-2 flex justify-between items-center">
-      <div>
-        <h1 class="font-semibold tracking-tight text-xl">Plans</h1>
-        <span class="text-xs text-gray-500 line-clamp-1">{{ trip?.name }} plans</span>
-      </div>
+  <div [class.sticky]="!isMapFullscreen"
+    class="top-0 z-10 bg-white p-2 mb-2 flex justify-between items-center">
+    <div>
+      <h1 class="font-semibold tracking-tight text-xl">Plans</h1>
+      <span class="text-xs text-gray-500 line-clamp-1">{{ trip?.name }} plans</span>
+    </div>
 
       <div class="flex items-center gap-2 print:hidden">
         <p-button icon="pi pi-directions" [severity]="tripMapAntLayerDayID == -1 ? 'help' : 'primary'"