From 69237568baf1b55fe83dc437c884baba46f4bfc3 Mon Sep 17 00:00:00 2001
From: Kylan Hurt <kylan.hurt@gmail.com>
Date: Wed, 18 Oct 2023 17:27:39 -0300
Subject: [PATCH] Hide tx overflow and allow line-wrap

---
 src/components/transaction/DataFormat.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/transaction/DataFormat.vue b/src/components/transaction/DataFormat.vue
index 3c5865ac..376b6898 100644
--- a/src/components/transaction/DataFormat.vue
+++ b/src/components/transaction/DataFormat.vue
@@ -108,11 +108,11 @@ export default defineComponent({
 
 <template>
 <div
-    class="relative-position"
+    class="relative-position overflow-hidden"
     :class="{'div-compressed': !showOverflow}"
 >
     <div v-if="actionName === 'transfer'" ref="dataBox" class="row">
-        <div class="col-12">
+        <div class="col-12 transfer-info">
             <span class="text-bold">
                 <AccountFormat :account="transferData.from" type="account"/></span><span class="text-bold">&nbsp; → &nbsp;
                 <AccountFormat :account="transferData.to" type="account">&nbsp;</AccountFormat></span><span class="text-bold">{{ ' ' + transferData.quantity }}</span>
@@ -157,6 +157,9 @@ export default defineComponent({
   gap: 5px
   word-break: break-all
 
+.transfer-info
+  text-wrap: wrap
+
 .div-compressed
     max-height: v-bind(maxHeightStyle)