francescoalbano/tripweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Make table header sticky

Browse Source
This commit is contained in:
itskovacs 2025-07-25 18:18:23 +02:00
parent bc95aa98f0
commit 959d4aaed6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/src/app/components/trip/trip.component.html
View File

@ -45,12 +45,12 @@
} }
<section class="p-4 print:px-1 grid md:grid-cols-3 gap-4 print:block"> <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.sticky]="!isMapFullscreen"
<div class="p-2 mb-2 flex justify-between items-center"> class="top-0 z-10 bg-white p-2 mb-2 flex justify-between items-center">
<div> <div>
<h1 class="font-semibold tracking-tight text-xl">Plans</h1> <h1 class="font-semibold tracking-tight text-xl">Plans</h1>
<span class="text-xs text-gray-500 line-clamp-1">{{ trip?.name }} plans</span> <span class="text-xs text-gray-500 line-clamp-1">{{ trip?.name }} plans</span>
</div> </div>
<div class="flex items-center gap-2 print:hidden"> <div class="flex items-center gap-2 print:hidden">
<p-button icon="pi pi-directions" [severity]="tripMapAntLayerDayID == -1 ? 'help' : 'primary'" <p-button icon="pi pi-directions" [severity]="tripMapAntLayerDayID == -1 ? 'help' : 'primary'"