From 6300a3b024e999e7d89d8fd935592671e32a88f8 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Wed, 22 May 2024 12:03:27 +0200
Subject: [PATCH] show right side of breadcrumbs

---
 .../workspace-variant-menu-breadcrumb.element.ts            | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-breadcrumb/workspace-variant-menu-breadcrumb/workspace-variant-menu-breadcrumb.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-breadcrumb/workspace-variant-menu-breadcrumb/workspace-variant-menu-breadcrumb.element.ts
index 4812cf40d4..af7bde411b 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-breadcrumb/workspace-variant-menu-breadcrumb/workspace-variant-menu-breadcrumb.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-breadcrumb/workspace-variant-menu-breadcrumb/workspace-variant-menu-breadcrumb.element.ts
@@ -128,9 +128,11 @@ export class UmbWorkspaceVariantMenuBreadcrumbElement extends UmbLitElement {
 		UmbTextStyles,
 		css`
 			:host {
+				/* TODO: This is a temp solution to handle an issue where long nested breadcrumbs would hide workspace actions */
+				overflow: hidden;
+				display: flex;
+				flex-direction: row-reverse;
 				margin-left: var(--uui-size-layout-1);
-				/* TODO: Overflow is a temp solution, we need to find a way to properly handle long nested breadcrumbs */
-				overflow: auto;
 			}
 		`,
 	];