merge prod into beta (#535)

* block some countries (#534) * Adds min-width to custom slippage input. (#533) On Firefox (maybe other browsers as well) the lack of min-width results in the default `input` element min-width which is ~92px. This results in the flex container overflowing the bounding element. By setting min-width to 20px, the box will instead grow to fill the available space, which is defined by its parent that has the pink border. This avoids the overflow issue (as long as the parent doesn't get too small, which it won't at the moment since it is fixed size).

merge prod into beta (#535)
* block some countries (#534) * Adds min-width to custom slippage input. (#533) On Firefox (maybe other browsers as well) the lack of min-width results in the default `input` element min-width which is ~92px. This results in the flex container overflowing the bounding element. By setting min-width to 20px, the box will instead grow to fill the available space, which is defined by its parent that has the pink border. This avoids the overflow issue (as long as the parent doesn't get too small, which it won't at the moment since it is fixed size).
4ef30cc8 · Noah Zinsmeister · GitHub · 794bbd88 · 4ef30cc8 · 4ef30cc8
Commit 4ef30cc8 authored Dec 05, 2019 by Noah Zinsmeister Committed by GitHub Dec 05, 2019
Hide whitespace changes
Inline Side-by-side

Showing with 20 additions and 0 deletions

netlify.toml netlify.toml +9 -0

451.html public/451.html +10 -0

index.js src/components/TransactionDetails/index.js +1 -0

No files found.
--- a/netlify.toml
+++ b/netlify.toml
+# block some countries
+[[redirects]]
+  from = "/*"
+  to = "/451.html"
+  status = 451
+  force = true
+  conditions = {Country=["BY","CU","IR","IQ","CI","LR","KP","SD","SY","ZW"]}
+  headers = {Link = "<https://uniswap.exchange>"}
+
 # support SPA setup
 [[redirects]]
  from = "/*"

--- a/public/451.html
+++ b/public/451.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Unavailable For Legal Reasons</title>
+  </head>
+  <body>
+    <h1>Unavailable For Legal Reasons</h1>
+  </body>
+</html>
--- a/src/components/TransactionDetails/index.js
+++ b/src/components/TransactionDetails/index.js
@@ -169,6 +169,7 @@ const Input = styled.input`
  background: ${({ theme }) => theme.inputBackground};
  flex-grow: 1;
  font-size: 12px;
+  min-width: 20px;

  outline: none;
  box-sizing: border-box;