From 96ede9a62026585ba4791e4113372e5ddde4a19e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Sat, 9 Nov 2024 22:15:15 +0100
Subject: [PATCH 1/2] use auto-heigth and auto-width

---
 .../design/content-type-design-editor-group.element.ts   | 9 +++++----
 .../content-type-design-editor-property.element.ts       | 3 ++-
 .../settings/property-workspace-view-settings.element.ts | 3 ++-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
index 160866835c59..242269137293 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
@@ -172,7 +172,8 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
 						?disabled=${!this._hasOwnerContainer}
 						@blur=${this.#blurGroup}
 						@change=${this.#renameGroup}
-						${this._group!.name === '' ? umbFocus() : nothing}></uui-input>
+						${this._group!.name === '' ? umbFocus() : nothing}
+						auto-width></uui-input>
 				</div>
 			</div>
 			<div slot="header-actions">
@@ -208,10 +209,10 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
 						<uui-input
 							type="number"
 							label=${this.localize.term('sort_sortOrder')}
-							.value=${this.group!.sortOrder ?? 0}
+							.value=${this.group!.sortOrder.toString()}
 							?disabled=${!this._hasOwnerContainer}
 							@change=${(e: UUIInputEvent) =>
-								this._singleValueUpdate('sortOrder', parseInt(e.target.value as string) || 0)}></uui-input>
+								this._singleValueUpdate('sortOrder', parseInt(e.target.value as string) ?? 0)}></uui-input>
 					`,
 				)}
 			</div>
@@ -245,7 +246,7 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
 
 			#group-name {
 				--uui-input-border-color: transparent;
-				width: 100%;
+				min-width: 200px;
 			}
 
 			uui-input[type='number'] {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
index 571b9a3c6987..381f70184c8c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
@@ -235,7 +235,8 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
 							.value=${this.property.description}
 							@input=${(e: CustomEvent) => {
 								if (e.target) this.#singleValueUpdate('description', (e.target as HTMLInputElement).value);
-							}}></uui-textarea>
+							}}
+							auto-height></uui-textarea>
 					</p>
 				</div>
 				<uui-button
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
index 92a723ececfb..592f3095de7f 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
@@ -247,7 +247,8 @@ export class UmbPropertyTypeWorkspaceViewSettingsElement extends UmbLitElement i
 						@input=${this.#onDescriptionChange}
 						label=${this.localize.term('placeholders_enterDescription')}
 						placeholder=${this.localize.term('placeholders_enterDescription')}
-						.value=${this._data?.description}></uui-textarea>
+						.value=${this._data?.description}
+						auto-height></uui-textarea>
 				</div>
 				<umb-form-validation-message>
 					<umb-data-type-flow-input

From f232da73978b40bba14cdc9689d95c7ff66ad8cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Sat, 9 Nov 2024 22:15:23 +0100
Subject: [PATCH 2/2] adjust sidebar menu h3

---
 .../section-sidebar-menu/section-sidebar-menu.element.ts    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/menu/section-sidebar-menu/section-sidebar-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/menu/section-sidebar-menu/section-sidebar-menu.element.ts
index cbf60d85a92c..7a41f5ea99df 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/menu/section-sidebar-menu/section-sidebar-menu.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/menu/section-sidebar-menu/section-sidebar-menu.element.ts
@@ -27,6 +27,10 @@ export class UmbSectionSidebarMenuElement<
 	manifest?: ManifestType;
 
 	renderHeader() {
+		/*
+		Notice we are not using the UUI-H3 here, we would need to wrap it into uui-text for this to take action,
+		but it does look odd so lets return to this later. I have made a few corrections especially for this component. [NL]
+		*/
 		return html`<h3>${this.localize.string(this.manifest?.meta?.label ?? '')}</h3>`;
 	}
 
@@ -44,7 +48,9 @@ export class UmbSectionSidebarMenuElement<
 		UmbTextStyles,
 		css`
 			h3 {
+				margin: var(--uui-size-5) 0;
 				padding: var(--uui-size-4) var(--uui-size-8);
+				font-size: 15px;
 			}
 		`,
 	];