Merge pull request #3714 from aura-nw/bugfix/fix-token-transfer-height

commit fix

Author: peara

src/app/pages/transaction/cosmos-transaction/cosmos-transaction.component.html

@@ -92,7 +92,7 @@ <h1 class="text--white mb-0">COSMOS Transaction Details</h1>
             class="row flex-column flex-lg-row mb-3 mt-3 body token-transfer-wrapper justify-content-between"
             *ngIf="isShowTokenTransfer">
             <div class="col-12 col-lg-2 text--gray-4 position-sticky top-0">Token transfer</div>
-            <div class="col-12 col-lg-10 h-100">
+            <div class="col-12 col-lg-10 h-100 transfer-list">
               <app-token-transfer
                 [transaction]="transaction"
                 [transferType]="'asset'"
@@ -103,7 +103,7 @@ <h1 class="text--white mb-0">COSMOS Transaction Details</h1>
             class="row flex-column flex-lg-row mb-3 mt-3 body token-transfer-wrapper no-border-top justify-content-between"
             *ngIf="isShowNFTTransfer">
             <div class="col-12 col-lg-2 text--gray-4 position-sticky top-0">NFT transfer</div>
-            <div class="col-12 col-lg-10 h-100">
+            <div class="col-12 col-lg-10 h-100 transfer-list">
               <app-token-transfer
                 [transaction]="transaction"
                 [transferType]="'nft'"

src/app/pages/transaction/cosmos-transaction/cosmos-transaction.component.scss

@@ -35,9 +35,12 @@
   padding-bottom: 12px;
   border-bottom: 1px solid #545454;
   flex-wrap: nowrap;
-  max-height: 250px;
   overflow: auto;
 
+  .transfer-list {
+    max-height: 250px;
+  }
+
   @media (max-width: 768px) {
     overflow: unset;
   }

src/app/pages/transaction/evm-transaction/evm-transaction.component.html

@@ -116,7 +116,7 @@ <h1 class="text--white mb-0">EVM Transaction Details</h1>
             class="row flex-column flex-lg-row mb-3 mt-3 body token-transfer-wrapper justify-content-between"
             *ngIf="isShowTokenTransfer">
             <div class="col-12 col-lg-2 text--gray-4 position-sticky top-0">Token transfer</div>
-            <div class="col-12 col-lg-10 h-100">
+            <div class="col-12 col-lg-10 h-100 transfer-list">
               <app-token-transfer
                 [transaction]="transaction"
                 [transferType]="'asset'"
@@ -127,7 +127,7 @@ <h1 class="text--white mb-0">EVM Transaction Details</h1>
             class="row flex-column flex-lg-row mb-3 mt-3 body token-transfer-wrapper no-border-top justify-content-between"
             *ngIf="isShowNFTTransfer">
             <div class="col-12 col-lg-2 text--gray-4 position-sticky top-0">NFT transfer</div>
-            <div class="col-12 col-lg-10 h-100">
+            <div class="col-12 col-lg-10 h-100 transfer-list">
               <app-token-transfer
                 [transaction]="transaction"
                 [transferType]="'nft'"

src/app/pages/transaction/evm-transaction/evm-transaction.component.scss

@@ -57,9 +57,12 @@
   padding-bottom: 12px;
   border-bottom: 1px solid #545454;
   flex-wrap: nowrap;
-  max-height: 250px;
   overflow: auto;
 
+  .transfer-list {
+    max-height: 250px;
+  }
+
   @media (max-width: 768px) {
     overflow: unset;
   }