feat: expand mpool params on click (#1484)

filecoin-project · Jun 1, 2023 · 3bc838a · 3bc838a
1 parent 43ee603
commit 3bc838a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/react/src/Mpool.css b/react/src/Mpool.css
@@ -119,7 +119,7 @@
     height: 0.5em;
 }
 
-.mpool .params{
+.mpool .params {
     width: 1080px;
     text-overflow: ellipsis;
     cursor: pointer;
@@ -128,8 +128,8 @@
     white-space: nowrap;
 }
 
-.mpool .params:hover{
+.mpool .params.expanded {
     overflow: visible;
-    white-space: normal;
     width: auto;
+    white-space: pre
 }
diff --git a/react/src/Mpool.js b/react/src/Mpool.js
@@ -44,6 +44,10 @@ function MpoolMessage(props) {
     const i = props.i
     const msg = props.msg
 
+    const handleParamsClick = (el) => {
+        el.target.classList.toggle('expanded')
+    }
+
     return <>
         <tr key={"to"}>
             <td>To</td>
@@ -68,7 +72,7 @@ function MpoolMessage(props) {
         <tr key={i+"params"}>
             <td>Params</td>
             <td>
-                <div className="params">{msg.Params}</div>
+                <div onClick={handleParamsClick} className="params">{msg.Params}</div>
             </td>
         </tr>
         <tr key={i+"gas-fee-cap"}>