From ae42507cfbb7d19888c9288b5a071d5ae7fa12a3 Mon Sep 17 00:00:00 2001
From: duanyytop <duanyytop@gmail.com>
Date: Wed, 12 Jun 2019 15:23:25 +0800
Subject: [PATCH] feat(ui): support multi lines of block hash

---
 web/src/pages/BlockDetail/styled.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/BlockDetail/styled.tsx b/web/src/pages/BlockDetail/styled.tsx
index a48689888..a3b3030d6 100644
--- a/web/src/pages/BlockDetail/styled.tsx
+++ b/web/src/pages/BlockDetail/styled.tsx
@@ -27,19 +27,17 @@ export const BlockDetailTitlePanel = styled.div`
     flex-direction: row;
     justify-content: center;
 
-    > code {
+    #block__hash {
       color: rgb(136, 136, 136);
       font-size: 18px;
-      height: 25px;
 
       @media (max-width: 700px) {
         font-size: 14px;
-        height: 20px;
-        overflow: hidden;
-        max-width: 320px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        height: 40px;
+        width: 85%;
       }
+      white-space: normal;
+      word-wrap: break-word;
     }
 
     img {