From 7f4898dfa528c4347b301f38d4217c137aa523d4 Mon Sep 17 00:00:00 2001
From: "Shivprasad Kounsalye (Remote Angular Dev)" <shivkounsalye@gmail.com>
Date: Fri, 20 Dec 2024 12:11:27 +0530
Subject: [PATCH] chore(demo): Fix documentation Name & Description, Type
 columns overlapping. (#10032)

---
 .../components/documentation/documentation.style.less         | 4 ++++
 .../components/documentation/documentation.template.html      | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/projects/addon-doc/components/documentation/documentation.style.less b/projects/addon-doc/components/documentation/documentation.style.less
index 2fa936ef3f15..b1dacfeb8327 100644
--- a/projects/addon-doc/components/documentation/documentation.style.less
+++ b/projects/addon-doc/components/documentation/documentation.style.less
@@ -159,3 +159,7 @@
         max-inline-size: 22.5rem;
     }
 }
+
+.t-no-overflow {
+    overflow: hidden !important;
+}
diff --git a/projects/addon-doc/components/documentation/documentation.template.html b/projects/addon-doc/components/documentation/documentation.template.html
index fe9dec0458ad..e6c717e1cf0f 100644
--- a/projects/addon-doc/components/documentation/documentation.template.html
+++ b/projects/addon-doc/components/documentation/documentation.template.html
@@ -25,7 +25,7 @@
             class="t-row"
             [class.t-deprecated]="propertyConnector.documentationPropertyDeprecated"
         >
-            <td class="t-cell">
+            <td class="t-cell t-no-overflow">
                 <div
                     automation-id="tui-documentation__property-name"
                     class="t-property t-additional-info"
@@ -54,7 +54,7 @@
                 </div>
                 <ng-container [ngTemplateOutlet]="propertyConnector.template" />
             </td>
-            <td class="t-cell">
+            <td class="t-cell t-no-overflow">
                 <span class="type">
                     <code class="t-code-type">
                         <ng-container