From 97f34fddbb2fe8011d1616e90500b36e5ac2b398 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81d=C3=A1m=20Kov=C3=A1cs?=
 <43071496+adam-kov@users.noreply.github.com>
Date: Mon, 3 Apr 2023 11:56:38 +0200
Subject: [PATCH] fix(frontend): PDF reader header positioning (#1350)

---
 .../lib/components/apps/components/display/AppPdf.svelte    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppPdf.svelte b/frontend/src/lib/components/apps/components/display/AppPdf.svelte
index df53d3c2d7..638821306e 100644
--- a/frontend/src/lib/components/apps/components/display/AppPdf.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppPdf.svelte
@@ -193,13 +193,13 @@
 <InputValue {id} input={configuration.zoom} bind:value={zoom} />
 
 {#if render}
-	<div class="relative w-full h-full bg-gray-100">
+	<div class="relative flex flex-col w-full h-full bg-gray-100">
 		{#if source && zoom}
 			{#if pages?.length}
 				<div
 					bind:clientWidth={controlsWidth}
 					bind:clientHeight={controlsHeight}
-					class="fixed flex {$mode !== 'preview'
+					class="sticky flex {$mode !== 'preview'
 						? 'w-[calc(100%-2px)] top-[1px]'
 						: 'w-full top-0'} {wideView
 						? 'justify-center gap-14'
@@ -304,7 +304,7 @@
 				bind:this={wrapper}
 				on:scroll={throttledScroll}
 				class={twMerge('w-full h-full overflow-auto', css?.container?.class ?? '', 'bg-gray-100')}
-				style="padding-top: {controlsHeight ?? 0}px; {css?.container?.style ?? ''}"
+				style={css?.container?.style ?? ''}
 			/>
 		{/if}
 		{#if $mode !== 'preview' && $selectedComponent?.includes(id)}