From 4ef30cc8fd617a51eb7f8579ce805a1137254aaf Mon Sep 17 00:00:00 2001 From: Noah Zinsmeister Date: Thu, 5 Dec 2019 15:39:35 -0500 Subject: [PATCH] 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). --- netlify.toml | 9 +++++++++ public/451.html | 10 ++++++++++ src/components/TransactionDetails/index.js | 1 + 3 files changed, 20 insertions(+) create mode 100644 public/451.html diff --git a/netlify.toml b/netlify.toml index d4796aaa75..3b2160e10b 100644 --- a/netlify.toml +++ b/netlify.toml @@ -1,3 +1,12 @@ +# 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 = ""} + # support SPA setup [[redirects]] from = "/*" diff --git a/public/451.html b/public/451.html new file mode 100644 index 0000000000..19918c3ecf --- /dev/null +++ b/public/451.html @@ -0,0 +1,10 @@ + + + + + Unavailable For Legal Reasons + + +

Unavailable For Legal Reasons

+ + diff --git a/src/components/TransactionDetails/index.js b/src/components/TransactionDetails/index.js index 396b3958b3..6fbbad4fd4 100644 --- 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;