From f598dde7c7acd8408a9c9112764bea29cdac860e Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 10 Sep 2024 12:17:33 +0200
Subject: [PATCH] feat: add max-height to code-block and cleanup css

---
 .../src/packages/sysinfo/components/sysinfo.element.ts    | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/sysinfo.element.ts b/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/sysinfo.element.ts
index 41bf9defbd..c2dc173622 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/sysinfo.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/sysinfo.element.ts
@@ -78,7 +78,7 @@ export class UmbSysinfoElement extends UmbModalBaseElement {
 					${when(
 						this._loading,
 						() => html`<uui-loader-bar></uui-loader-bar>`,
-						() => html` <umb-code-block> ${this._systemInformation} </umb-code-block> `,
+						() => html` <umb-code-block id="codeblock"> ${this._systemInformation} </umb-code-block> `,
 					)}
 
 					<uui-button
@@ -131,13 +131,9 @@ ${this._systemInformation}`;
 	static override readonly styles = [
 		UmbTextStyles,
 		css`
-			#container {
+			#code-block {
 				max-height: 300px;
 			}
-
-			.data-cell {
-				word-break: break-word;
-			}
 		`,
 	];
 }