ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merge prod into beta (#535)

Browse Source 
* 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).
This commit is contained in:
Noah Zinsmeister 2019-12-05 15:39:35 -05:00 committed by GitHub
parent 794bbd88b2
commit 4ef30cc8fd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
netlify.toml
View File

@ -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 = "<https://uniswap.exchange>"}
# support SPA setup
[[redirects]]
from = "/*"

10
public/451.html Normal file
View File

@ -0,0 +1,10 @@
<!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>

1
src/components/TransactionDetails/index.js
View File

@ -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;