Fix sticky table header inside blocks

Fixes #6016
getkirby · Nov 29, 2023 · 6805e04 · 6805e04
1 parent 40eae8e
commit 6805e04
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/panel/src/components/Layout/Header.vue b/panel/src/components/Layout/Header.vue
@@ -92,7 +92,7 @@ export default {
 :root {
 	--header-color-back: var(--color-light);
 	--header-padding-block: var(--spacing-4);
-	--header-sticky-offset: calc(var(--scroll-top, 0rem) + 4rem);
+	--header-sticky-offset: calc(var(--scroll-top) + 4rem);
 }
 
 .k-header {
@@ -161,7 +161,7 @@ export default {
 /** TODO: .k-header:has(.k-header-buttons) */
 .k-header[data-has-buttons="true"] {
 	position: sticky;
-	top: var(--scroll-top, 0);
+	top: var(--scroll-top);
 	z-index: var(--z-toolbar);
 }
 </style>
diff --git a/panel/src/components/View/Panel.vue b/panel/src/components/View/Panel.vue
@@ -60,6 +60,10 @@ export default {};
 </script>
 
 <style>
+:root {
+	--scroll-top: 0rem;
+}
+
 html {
 	overflow-x: hidden;
 	overflow-y: scroll;