Allowing for scroll overflow when swaps content is too tall (#10988)

Fixes MetaMask/metamask-extension#10957

app/_locales/en/messages.json

@@ -1875,7 +1875,7 @@
     "message": "Finalizing..."
   },
   "swapHighSlippageWarning": {
-    "message": "Slippage amount is very high. Make sure you know what you are doing!"
+    "message": "Slippage amount is very high."
   },
   "swapLowSlippageError": {
     "message": "Transaction may fail, max slippage too low."

app/_locales/es/messages.json

@@ -1576,9 +1576,6 @@
   "swapFinalizing": {
     "message": "Finalizando..."
   },
-  "swapHighSlippageWarning": {
-    "message": "La cantidad de deslizamiento es muy alta. ¡Asegúrate de saber lo que estás haciendo!"
-  },
   "swapLowSlippageError": {
     "message": "La transacción puede fallar, el deslizamiento máximo es demasiado bajo."
   },

app/_locales/es_419/messages.json

@@ -1576,9 +1576,6 @@
   "swapFinalizing": {
     "message": "Finalizando..."
   },
-  "swapHighSlippageWarning": {
-    "message": "La cantidad de deslizamiento es muy alta. ¡Asegúrate de saber lo que estás haciendo!"
-  },
   "swapLowSlippageError": {
     "message": "La transacción puede fallar, el deslizamiento máximo es demasiado bajo."
   },

app/_locales/hi/messages.json

@@ -1564,9 +1564,6 @@
   "swapFinalizing": {
     "message": "अंतिम रूप दिया जा रहा है..."
   },
-  "swapHighSlippageWarning": {
-    "message": "स्लिपेज राशि बहुत अधिक है। सुनिश्चित करें कि आप जानते हैं कि आप क्या कर रहे हैं!"
-  },
   "swapLowSlippageError": {
     "message": "लेनदेन विफल हो सकता है, अधिकतम स्लिपेज बहुत कम हो सकता है।"
   },

app/_locales/id/messages.json

@@ -1564,9 +1564,6 @@
   "swapFinalizing": {
     "message": "Menyelesaikan..."
   },
-  "swapHighSlippageWarning": {
-    "message": "Jumlah slippage sangat tinggi. Pastikan Anda mengetahui yang Anda kerjakan!"
-  },
   "swapLowSlippageError": {
     "message": "Transaksi bisa gagal, slippage maks. terlalu rendah."
   },

app/_locales/it/messages.json

@@ -1582,9 +1582,6 @@
   "swapFinalizing": {
     "message": "Finalizzando..."
   },
-  "swapHighSlippageWarning": {
-    "message": "L'importo di slippage è molto alto. Assicurati di sapere cosa stai facendo!"
-  },
   "swapLowSlippageError": {
     "message": "La transazione può fallire, il massimo slippage è troppo basso."
   },

app/_locales/ja/messages.json

@@ -1576,9 +1576,6 @@
   "swapFinalizing": {
     "message": "終了中..."
   },
-  "swapHighSlippageWarning": {
-    "message": "非常に大きいスリッページ額です。本当に実行するか確認してください。"
-  },
   "swapLowSlippageError": {
     "message": "トランザクションが失敗する可能性があります。最大スリッページが少なすぎます。"
   },

app/_locales/ko/messages.json

@@ -1564,9 +1564,6 @@
   "swapFinalizing": {
     "message": "마무리 중..."
   },
-  "swapHighSlippageWarning": {
-    "message": "슬리패지 금액이 아주 큽니다. 현재 어떤 작업을 하고 있는지 확인하세요!"
-  },
   "swapLowSlippageError": {
     "message": "거래가 실패할 수도 있습니다. 최대 슬리패지가 너무 낮습니다."
   },

app/_locales/ru/messages.json

@@ -1564,9 +1564,6 @@
   "swapFinalizing": {
     "message": "Завершение..."
   },
-  "swapHighSlippageWarning": {
-    "message": "Величина проскальзывания очень велика. Убедитесь, что вы знаете, что делаете!"
-  },
   "swapLowSlippageError": {
     "message": "Транзакции могут завершиться неудачей, максимальное проскальзывание слишком мало."
   },

app/_locales/tl/messages.json

@@ -1561,9 +1561,6 @@
   "swapFinalizing": {
     "message": "Isinasapinal..."
   },
-  "swapHighSlippageWarning": {
-    "message": "Sobrang laki ng halaga ng slippage. Tiyaking alam mo ang ginagawa mo!"
-  },
   "swapLowSlippageError": {
     "message": "Maaaring hindi magtagumpay ang transaksyon, masyadong mababa ang max na slippage."
   },

app/_locales/vi/messages.json

@@ -1564,9 +1564,6 @@
   "swapFinalizing": {
     "message": "Đang hoàn tất..."
   },
-  "swapHighSlippageWarning": {
-    "message": "Số tiền trượt giá rất cao. Hãy chắc chắn rằng bạn hiểu những gì mình đang làm!"
-  },
   "swapLowSlippageError": {
     "message": "Giao dịch có thể không thành công, mức trượt giá tối đa quá thấp."
   },

app/_locales/zh_CN/messages.json

@@ -1576,9 +1576,6 @@
   "swapFinalizing": {
     "message": "确定中……"
   },
-  "swapHighSlippageWarning": {
-    "message": "滑点数量非常大。确保您知道您的操作！"
-  },
   "swapLowSlippageError": {
     "message": "交易可能失败，最大滑点过低。"
   },

ui/pages/swaps/index.scss

@@ -29,7 +29,8 @@
     align-items: center;
     height: 100%;
     width: 100%;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: scroll;
 
     &--scrollable {
       overflow: auto;
@@ -42,7 +43,6 @@
       box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
       border-radius: 8px;
       height: 620px;
-      overflow: hidden;
     }
   }