From c4de6a20a52cdb2c1a45a2acc62bd645d2fd7b40 Mon Sep 17 00:00:00 2001
From: Abhinav Jha <abhinav@appsmith.com>
Date: Tue, 11 Aug 2020 18:19:17 +0530
Subject: [PATCH] Fix: Entity property overflows (#275)

Fixes issue where entity property binding text overflows to the next line.
---
 .../src/pages/Editor/Explorer/Entity/EntityProperty.tsx     | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/client/src/pages/Editor/Explorer/Entity/EntityProperty.tsx b/app/client/src/pages/Editor/Explorer/Entity/EntityProperty.tsx
index a7b434936b..9b7e462b64 100644
--- a/app/client/src/pages/Editor/Explorer/Entity/EntityProperty.tsx
+++ b/app/client/src/pages/Editor/Explorer/Entity/EntityProperty.tsx
@@ -84,6 +84,7 @@ const Wrapper = styled.div<{ step: number }>`
 
     & {
       code.${SYNTAX_HIGHLIGHTING_SUPPORTED_LANGUAGES.APPSMITH} {
+        display: flex;
         white-space: pre-wrap;
         background: transparent;
         font-size: 11px;
@@ -91,6 +92,11 @@ const Wrapper = styled.div<{ step: number }>`
         text-shadow: none;
         padding-left: ${props =>
           props.step * props.theme.spaces[2] + props.theme.spaces[3]}px;
+        & span.token.property {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
       }
     }