From c9f89efc9b7878588f62be495bf555fe9516f835 Mon Sep 17 00:00:00 2001 From: Matt Brailsford Date: Tue, 21 May 2024 13:15:06 +0100 Subject: [PATCH] Update property-layout.element.ts Responsive styles on if horizontal --- .../core/property/property-layout/property-layout.element.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts index cdc2c5fc07..9ef199cef8 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts +++ b/src/Umbraco.Web.UI.Client/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; } /*}*/