Adds json rpc result text area (#334)

* Mobile json rpc text area response for json-rpc method coverage * Remove static default curly braces in text area * Add back Send From card class
MetaMask · May 23, 2024 · 4c71d09 · 4c71d09
1 parent 2e9cfd7
commit 4c71d09
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/src/index.css b/src/index.css
@@ -2,6 +2,12 @@ section {
   margin: 20px 0 20px 0;
 }
 
+textarea {
+  height: auto;
+  width: 100%;
+  max-width: 100%;
+}
+
 .info-text {
   font-size: 1.1em;
 }

diff --git a/src/index.html b/src/index.html
@@ -374,7 +374,7 @@ <h4 class="card-title">
                   Transfer Tokens
                 </button>
 
-                <a 
+                <a
                   id="transferTokensDeeplink"
                 >
                   <button
@@ -1467,8 +1467,18 @@ <h4>
       </section>
       <section>
         <div class="row d-flex justify-content-center">
-          <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12">
-            <div class="card">
+          <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 d-flex align-items-stretch">
+            <div class="card full-width">
+              <div class="card-body">
+                <h4 class="card-title">
+                  JSON RPC Result
+                </h4>
+                <textarea name="json-rpc-response" id="json-rpc-response" rows="5"></textarea>
+              </div>
+            </div>
+          </div>
+          <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 d-flex align-items-stretch">
+            <div class="card full-width">
               <div class="card-body">
                 <h4 class="card-title">
                   Ethereum Chain Interactions
@@ -1490,6 +1500,14 @@ <h4 class="card-title">
               </div>
             </div>
           </div>
+          <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 d-flex align-items-stretch">
+            <div class="card full-width">
+              <div class="card-body">
+                <h4 class="card-title">
+                </h4>
+              </div>
+            </div>
+          </div>
         </div>
       </section>
       <section>