Fix header offset when no sticky header

Fixes #6283
getkirby · Feb 25, 2024 · 1cb242f · 1cb242f
1 parent b06df63
commit 1cb242f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/panel/src/components/Drawers/Drawer.vue b/panel/src/components/Drawers/Drawer.vue
@@ -78,6 +78,7 @@ export default {
 
 .k-drawer {
 	--header-sticky-offset: calc(var(--drawer-body-padding) * -1);
+
 	z-index: var(--z-toolbar);
 	display: flex;
 	flex-basis: var(--drawer-width);

diff --git a/panel/src/components/Layout/Header.vue b/panel/src/components/Layout/Header.vue
@@ -93,7 +93,7 @@ export default {
 :root {
 	--header-color-back: var(--color-light);
 	--header-padding-block: var(--spacing-4);
-	--header-sticky-offset: calc(var(--scroll-top) + 4rem);
+	--header-sticky-offset: var(--scroll-top);
 }
 
 .k-header {
@@ -165,4 +165,7 @@ export default {
 	top: var(--scroll-top);
 	z-index: var(--z-toolbar);
 }
+:root:has(.k-header[data-has-buttons="true"]) {
+	--header-sticky-offset: calc(var(--scroll-top) + 4rem);
+}
 </style>