From 4e0af189839692149d773eea53af021a47f6da28 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Wed, 4 Dec 2019 00:16:48 +0530
Subject: [PATCH] fix: Truncate overflowing ListCell

---
 src/pages/ListView/List.vue     | 8 +++-----
 src/pages/ListView/ListCell.vue | 4 ++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/pages/ListView/List.vue b/src/pages/ListView/List.vue
index c1b88c2e..e329cfd5 100644
--- a/src/pages/ListView/List.vue
+++ b/src/pages/ListView/List.vue
@@ -37,11 +37,9 @@
           <ListCell
             v-for="column in columns"
             :key="column.label"
-            :class="
-              ['Float', 'Currency'].includes(column.fieldtype)
-                ? 'text-right'
-                : ''
-            "
+            :class="{
+              'text-right': ['Float', 'Currency'].includes(column.fieldtype)
+            }"
             :doc="doc"
             :column="column"
           ></ListCell>
diff --git a/src/pages/ListView/ListCell.vue b/src/pages/ListView/ListCell.vue
index b2f5b0e1..f09efb58 100644
--- a/src/pages/ListView/ListCell.vue
+++ b/src/pages/ListView/ListCell.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="py-4 flex items-center" :class="cellClass">
-    <span v-if="!customRenderer">{{ columnValue }}</span>
+  <div class="py-4 flex items-center truncate" :class="cellClass">
+    <span class="truncate" v-if="!customRenderer">{{ columnValue }}</span>
     <component v-else :is="customRenderer" />
   </div>
 </template>