Add custom property for #headerColumn

floede · Matthew-Wise · commit fc60b5b5ffa1 · 2025-09-26T09:25:28.000+01:00
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/components/property-layout/property-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/components/property-layout/property-layout.element.ts
@@ -124,11 +124,12 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
 			#headerColumn {
 				position: relative;
 				height: min-content;
+				top: var(--umb-property-layout-header-top);
 			}
 			/*@container (width > 600px) {*/
 			:host(:not([orientation='vertical'])) #headerColumn {
 				position: sticky;
-				top: calc(var(--uui-size-space-2) * -1);
+				top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));
 			}
 			/*}*/
 

Original file line number	Diff line number	Diff line change
`@@ -124,11 +124,12 @@ export class UmbPropertyLayoutElement extends UmbLitElement {`
`124`	`124`	`#headerColumn {`
`125`	`125`	`position: relative;`
`126`	`126`	`height: min-content;`
	`127`	`+ top: var(--umb-property-layout-header-top);`
`127`	`128`	`}`
`128`	`129`	`/@container (width > 600px) {/`
`129`	`130`	`:host(:not([orientation='vertical'])) #headerColumn {`
`130`	`131`	`position: sticky;`
`131`		`- top: calc(var(--uui-size-space-2) * -1);`
	`132`	`+ top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));`
`132`	`133`	`}`
`133`	`134`	`/}/`
`134`	`135`