From e5f8444ca88919256df1b8a93af334adf795f513 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Thu, 8 Jun 2023 12:33:57 +0200
Subject: [PATCH] Make content tab available

---
 ...cument-type-workspace-view-edit.element.ts | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.ts
index 68839a3cd9..7c8919e10a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.ts
@@ -83,15 +83,13 @@ export class UmbDocumentTypeWorkspaceViewEditElement
 			});
 		}
 
-		if (this._hasRootGroups) {
-			routes.push({
-				path: '',
-				component: () => import('./document-type-workspace-view-edit-tab.element.js'),
-				setup: (component) => {
-					(component as UmbDocumentTypeWorkspaceViewEditTabElement).noTabName = true;
-				},
-			});
-		}
+		routes.push({
+			path: '',
+			component: () => import('./document-type-workspace-view-edit-tab.element.js'),
+			setup: (component) => {
+				(component as UmbDocumentTypeWorkspaceViewEditTabElement).noTabName = true;
+			},
+		});
 
 		if (routes.length !== 0) {
 			routes.push({
@@ -117,17 +115,15 @@ export class UmbDocumentTypeWorkspaceViewEditElement
 	}
 
 	renderTabsNavigation() {
+		const contentTabActive = this._routerPath + '/' === this._activePath;
 		return html`<uui-tab-group>
-			${this._hasRootGroups
-				? html`
-						<uui-tab
-							label="Content"
-							.active=${this._routerPath + '/' === this._activePath}
-							href=${this._routerPath + '/'}
-							>Content</uui-tab
-						>
-				  `
-				: ''}
+				<uui-tab
+					class=${this._hasRootGroups || contentTabActive ? '' : 'content-tab-is-empty'}
+					label="Content"
+					.active=${contentTabActive}
+					href=${this._routerPath + '/'}
+					>Content</uui-tab
+				>
 			${repeat(
 				this._tabs,
 				(tab) => tab.id! + tab.name,
@@ -220,6 +216,14 @@ export class UmbDocumentTypeWorkspaceViewEditElement
 				justify-content: space-between;
 				flex-wrap: nowrap;
 			}
+
+			.content-tab-is-empty {
+				height: 31px;
+				align-self: center;
+				border-radius: 3px;
+				--uui-tab-text: var(--uui-color-text-alt);
+				border: dashed 1px var(--uui-color-border-emphasis);
+			}
 		`,
 	];
 }