Update property-layout.element.ts

mattbrailsford · web-flow · commit f93ca0b1fa44 · 2024-05-21T13:15:06.000+01:00
Responsive styles on if horizontal
diff --git a/src/packages/core/property/property-layout/property-layout.element.ts b/src/packages/core/property/property-layout/property-layout.element.ts
@@ -104,7 +104,7 @@ export class UmbPropertyLayoutElement extends LitElement {
 				height: min-content;
 			}
 			/*@container (width > 600px) {*/
-			#headerColumn {
+			:host(:not([orientation='vertical'])) #headerColumn {
 				position: sticky;
 				top: calc(var(--uui-size-space-2) * -1);
 			}
@@ -128,7 +128,7 @@ export class UmbPropertyLayoutElement extends LitElement {
 				margin-top: var(--uui-size-space-3);
 			}
 			/*@container (width > 600px) {*/
-			#editorColumn {
+			:host(:not([orientation='vertical'])) #editorColumn {
 				margin-top: 0;
 			}
 			/*}*/

Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@ export class UmbPropertyLayoutElement extends LitElement {`
`104`	`104`	`height: min-content;`
`105`	`105`	`}`
`106`	`106`	`/@container (width > 600px) {/`
`107`		`- #headerColumn {`
	`107`	`+ :host(:not([orientation='vertical'])) #headerColumn {`
`108`	`108`	`position: sticky;`
`109`	`109`	`top: calc(var(--uui-size-space-2) * -1);`
`110`	`110`	`}`
`@@ -128,7 +128,7 @@ export class UmbPropertyLayoutElement extends LitElement {`
`128`	`128`	`margin-top: var(--uui-size-space-3);`
`129`	`129`	`}`
`130`	`130`	`/@container (width > 600px) {/`
`131`		`- #editorColumn {`
	`131`	`+ :host(:not([orientation='vertical'])) #editorColumn {`
`132`	`132`	`margin-top: 0;`
`133`	`133`	`}`
`134`	`134`	`/}/`