From b4bc26629f2205d086aeec90fb3d8ee938a8e229 Mon Sep 17 00:00:00 2001
From: Mahmut Gundogdu <mahmutgundogdu@hotmail.com.tr>
Date: Fri, 28 Jul 2023 14:21:05 +0300
Subject: [PATCH] Add overflow hidden on tree component

---
 .../tree/src/lib/components/tree.component.html           | 2 +-
 .../tree/src/lib/components/tree.component.scss           | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
index 1ae9fec1d3..8c2e85d87c 100644
--- a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
+++ b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
@@ -23,7 +23,7 @@
     <ng-container *ngTemplateOutlet="nodeTemplate; context: { $implicit: node }"></ng-container>
 
     <ng-template #nodeTemplate let-node>
-      <div class="d-inline-block">
+      <div class="d-inline-flex align-items-center abp-ellipsis-inline">
         <ng-container
           *ngTemplateOutlet="
             customNodeTemplate ? customNodeTemplate?.template : defaultNodeTemplate;
diff --git a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.scss b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.scss
index 39db941418..d303c61d22 100644
--- a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.scss
+++ b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.scss
@@ -15,8 +15,14 @@ abp-tree .ant-tree {
   .ant-tree-node-content-wrapper {
     width: 100%;
     padding: 0;
+     > div {
+      display: flex;
+      padding-right: 0.5rem;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+     }
   }
-
   .node-wrapper {
     width: 100%;
     position: relative;