Hide tx overflow and allow line-wrap

telosnetwork · Oct 18, 2023 · 6923756 · 6923756
1 parent 7ba70bd
commit 6923756
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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)