alice.pds.demo.boltless.dev
This repository has no description
web/lib/components/repo: fix empty space with sticky headers
Signed-off-by: dawn <dawn@tangled.org>
author
dawn
date
(Aug 1, 2026, 5:45 AM +0300)
commit
1f24d09e
1f24d09e0af35548f9f3c9ab0df83114e3ac305f
parent
d042d73d
d042d73d70bef292c2825f13280c732c31574dbf
change-id
kllpxktk
kllpxktkzxvlzqusqpvnznyxssynkvkp
+4
-4
+2
-2
web/src/lib/components/repo/DiffFileCard.svelte
+2
-2
web/src/lib/components/repo/DiffFileCard.svelte
···
42
42
}: Props = $props();
43
43
</script>
44
44
45
-
<!-- the summary sticks below the site header + topbar and needs a solid bg
45
+
<!-- the summary sticks below the topbar and needs a solid bg
46
46
or the diff shows through. z-[5] keeps it under the z-10 topbar it
47
47
shares its sticky band with -->
48
48
<details
···
51
51
class="group mx-auto w-full rounded border border-border-default bg-background-default"
52
52
>
53
53
<summary
54
-
class="sticky top-[calc(5.75rem+env(safe-area-inset-top))] z-5 cursor-pointer list-none rounded bg-background-default group-open:rounded-b-none group-open:border-b group-open:border-border-default"
54
+
class="sticky top-[calc(3rem+env(safe-area-inset-top))] z-5 cursor-pointer list-none rounded bg-background-default group-open:rounded-b-none group-open:border-b group-open:border-border-default"
55
55
>
56
56
<div class="flex cursor-pointer justify-between">
57
57
<div class="flex items-center gap-2 overflow-x-auto p-2">
+1
-1
web/src/lib/components/repo/DiffTopbar.svelte
+1
-1
web/src/lib/components/repo/DiffTopbar.svelte
···
45
45
</script>
46
46
47
47
<div
48
-
class="sticky top-[calc(2.75rem+env(safe-area-inset-top))] z-10 flex h-12 items-center gap-2 bg-background-canvas p-2"
48
+
class="sticky top-[env(safe-area-inset-top)] z-10 flex h-12 items-center gap-2 bg-background-canvas p-2"
49
49
>
50
50
{#if onToggleFiles}
51
51
<Button
+1
-1
web/src/lib/components/repo/DiffView.svelte
+1
-1
web/src/lib/components/repo/DiffView.svelte
···
83
83
<div class="flex grow gap-4">
84
84
{#if rows.length > 0 && filesOpen}
85
85
<aside
86
-
class="sticky top-[calc(5.75rem+env(safe-area-inset-top))] hidden max-h-[calc(100vh-5.75rem-env(safe-area-inset-top))] w-fit max-w-60 shrink-0 overflow-y-auto md:block"
86
+
class="sticky top-[calc(3rem+env(safe-area-inset-top))] hidden max-h-[calc(100vh-3rem-env(safe-area-inset-top))] w-fit max-w-60 shrink-0 overflow-y-auto md:block"
87
87
>
88
88
<section
89
89
class="mx-auto min-h-full w-full overflow-x-auto rounded border border-border-default bg-background-default px-6 py-2 typography-paragraph-regular"