Merge pull request #149 from linked-planet/dev

marcus-wishes · web-flow · commit 003a270b2543 · 2025-05-28T16:39:06.000+02:00
Fix top navigation height calculation in AppLayout to prevent page mo…
diff --git a/library/src/layouting/AppLayout.tsx b/library/src/layouting/AppLayout.tsx
@@ -27,13 +27,12 @@ export function initTopNavigationHeight() {
 		)
 		return
 	}
-	const topNavHeight = topNav[0].clientHeight
+	let topNavHeight = topNav[0].clientHeight
+	topNavHeight = 0 // this seems to be wrong and moving the page downwards
 	if (topNavHeight) {
-		console.info("UIKitTs - Top navigation height set to:", topNavHeight)
 		document.documentElement.style.setProperty(
 			topNavigationHeightVar,
-			//`${topNavHeight}px`, // this seems to be wrong and moving the page downwards
-			"0",
+			`${topNavHeight}px`,
 		)
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -27,13 +27,12 @@ export function initTopNavigationHeight() {`
`27`	`27`	`)`
`28`	`28`	`return`
`29`	`29`	`}`
`30`		`- const topNavHeight = topNav[0].clientHeight`
	`30`	`+ let topNavHeight = topNav[0].clientHeight`
	`31`	`+ topNavHeight = 0 // this seems to be wrong and moving the page downwards`
`31`	`32`	`if (topNavHeight) {`
`32`		`- console.info("UIKitTs - Top navigation height set to:", topNavHeight)`
`33`	`33`	`document.documentElement.style.setProperty(`
`34`	`34`	`topNavigationHeightVar,`
`35`		- //`${topNavHeight}px`, // this seems to be wrong and moving the page downwards
`36`		`- "0",`
	`35`	+ `${topNavHeight}px`,
`37`	`36`	`)`
`38`	`37`	`}`
`39`	`38`