From 267760f68024dba905d863eef63c8daf8caa8c60 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

Move tx data text wrap up a level

Adjustment to tx payload height

Remove junk code
---
 src/components/transaction/DataFormat.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/transaction/DataFormat.vue b/src/components/transaction/DataFormat.vue
index 3c5865ac..56a08994 100644
--- a/src/components/transaction/DataFormat.vue
+++ b/src/components/transaction/DataFormat.vue
@@ -29,7 +29,7 @@ export default defineComponent({
         const transferData = computed(() => actionData.value as TransferData);
         const clientHeight = computed(() => dataBox.value?.clientHeight ?? 0);
         let currentData = ref<string | unknown>(null);
-        const maxHeight = 98; // the maximum row height
+        const maxHeight = 130; // the maximum row height
         const switchHeight = 20;
         const maxHeightStyle = `calc(${maxHeight}px - ${switchHeight}px)`;
 
@@ -108,10 +108,10 @@ 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 v-if="actionName === 'transfer'" ref="dataBox" class="row transfer-data">
         <div class="col-12">
             <span class="text-bold">
                 <AccountFormat :account="transferData.from" type="account"/></span><span class="text-bold">&nbsp; → &nbsp;
@@ -157,6 +157,9 @@ export default defineComponent({
   gap: 5px
   word-break: break-all
 
+.transfer-data
+  text-wrap: wrap
+
 .div-compressed
     max-height: v-bind(maxHeightStyle)