fix: move controls into sight

ubiquity · Jun 10, 2024 · 614e678 · 614e678
1 parent ac525e4
commit 614e678
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/static/index.html b/static/index.html
@@ -66,7 +66,7 @@
               </td>
             </tr>
           </thead>
-          <tbody>
+          <tbody id="mainTableBody">
             <tr id="Amount">
               <th>
                 <div>Amount</div>

diff --git a/static/scripts/rewards/render-transaction/render-transaction.ts b/static/scripts/rewards/render-transaction/render-transaction.ts
@@ -63,6 +63,7 @@ export async function renderTransaction(): Promise<Success> {
   } else {
     const requestedAmountElement = insertErc721PermitTableData(app.reward, table);
     table.setAttribute(`data-make-claim`, "ok");
+    table.setAttribute(`data-additional-data-size`, "large");
     renderNftSymbol({
       tokenAddress: app.reward.tokenAddress,
       explorerUrl: networkExplorers[app.reward.networkId],
@@ -71,7 +72,7 @@ export async function renderTransaction(): Promise<Success> {
     }).catch(console.error);
 
     const toElement = document.getElementById(`rewardRecipient`) as Element;
-    renderEnsName({ element: toElement, address: app.reward.beneficiary }).catch(console.error);
+    renderEnsName({ element: toElement, address: app.reward.beneficiary, networkID: app.networkId }).catch(console.error);
 
     getMakeClaimButton().addEventListener("click", claimErc721PermitHandler(app.reward));
   }

diff --git a/static/styles/rewards/claim-table.css b/static/styles/rewards/claim-table.css
@@ -149,6 +149,9 @@ table[data-make-claim-rendered] button.show > svg#claim-loader {
 table[data-make-claim-rendered] button.hide > svg#claim-icon {
   display: unset;
 }
+table[data-details-visible="true"][data-additional-data-size="large"] #mainTableBody {
+  transform: translate(-50%, 15%);
+}
 table #controls {
   opacity: 0;
   transition: 1s ease-in-out opacity;