From 6ad0d66dd465853b6eb8054578c941acbd43f28d Mon Sep 17 00:00:00 2001
From: Hom Yan <yanzhihong23@qq.com>
Date: Thu, 7 Apr 2022 16:54:28 +0800
Subject: [PATCH] fix: add ellipsis effect for nft contract name

---
 .../src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx b/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
index a0fb39bda34e..08c8328735cf 100644
--- a/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
+++ b/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
@@ -103,6 +103,10 @@ const useStyles = makeStyles()((theme) => ({
     },
     contractName: {
         marginBottom: 20,
+        paddingRight: 30,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
     },
     balance: {
         position: 'absolute',