Address doesn't fit in a column on Transaction details 'State' tab (#…

…1326) Fixes #1322
blockscout · Nov 8, 2023 · 9ebaacb · 9ebaacb
1 parent 49f9aa3
commit 9ebaacb
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 2 deletions.
diff --git a/ui/shared/TokenTransfer/TokenTransferTableItem.tsx b/ui/shared/TokenTransfer/TokenTransferTableItem.tsx
@@ -111,7 +111,7 @@ const TokenTransferTableItem = ({
         />
       </Td>
       <Td isNumeric verticalAlign="top">
-        <Skeleton isLoaded={ !isLoading } display="inline-block" my="7px">
+        <Skeleton isLoaded={ !isLoading } display="inline-block" my="7px" wordBreak="break-all">
           { 'value' in total && BigNumber(total.value).div(BigNumber(10 ** Number(total.decimals))).dp(8).toFormat() }
         </Skeleton>
       </Td>

diff --git a/...enTransfer/__screenshots__/TokenTransferTable.pw.tsx_default_with-tx-info-1.png b/...enTransfer/__screenshots__/TokenTransferTable.pw.tsx_default_with-tx-info-1.png
diff --git a/ui/tx/__screenshots__/TxState.pw.tsx_default_base-view-mobile-1.png b/ui/tx/__screenshots__/TxState.pw.tsx_default_base-view-mobile-1.png
diff --git a/ui/tx/state/TxStateTable.tsx b/ui/tx/state/TxStateTable.tsx
@@ -23,7 +23,7 @@ const TxStateTable = ({ data, isLoading, top }: Props) => {
       <Thead top={ top }>
         <Tr>
           <Th width="140px">Type</Th>
-          <Th width="146px">Address</Th>
+          <Th width="160px">Address</Th>
           <Th width="33%" isNumeric>Before</Th>
           <Th width="33%" isNumeric>After</Th>
           <Th width="33%" isNumeric>Change</Th>