Merge pull request #83 from satoshilabs/unupported-browsers

Unupported browsers error message for IE 9 and lower
pull/88/head
Vaclav Mlejnsky 6 years ago committed by GitHub
commit fabd569bed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -1,4 +1,4 @@
# Browsers that we support
> 5%
IE > 9 # sorry
last 10 versions
IE > 8
last 5 versions

@ -60,8 +60,8 @@
"redux-logger": "^3.0.6",
"redux-raven-middleware": "^1.2.0",
"redux-thunk": "^2.2.0",
"styled-components": "^3.4.9",
"rimraf": "^2.6.2",
"styled-components": "^3.3.3",
"styled-media-query": "^2.0.2",
"styled-normalize": "^8.0.0",
"trezor-connect": "^5.0.32",

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

@ -0,0 +1,64 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
background: #ebebeb;
vertical-align: baseline;
text-align: center;
font-family: Roboto;
}
.header {
height: 40px;
width: 100%;
background: #1A1A1A;
margin-bottom: 100px;
}
.unsupported-browsers {
width: 100%;
font-size: 30px;
}
.main {
width: 100%;
text-align: center;
margin: 0 auto;
}
.box {
margin-top: 20px;
}
p {
width: 100%;
clear: both;
font-size: 15px;
}
img {
clear: both;
}
a {
clear: both;
color: #01B757;
width: 100%;
text-decoration: none;
display: block;
font-size: 20px;
}

@ -10,8 +10,29 @@
<meta name="keywords" content="trezor wallet" />
<meta name="author" content="satoshilabs s.r.o." />
<meta name="viewport" content="width=1024, initial-scale=1">
<!--[if lt IE 8]>
<link media="all" rel="stylesheet" href="/unsupported-browsers/style.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<![endif]-->
</head>
<body>
<!--[if lt IE 8]>
<div class="unsupported-browsers">
<div class="header"></div>
<h1>Your browser is not supported</h1>
<p>Please choose one of the supported browsers</p>
<div class="main">
<div class="box left">
<img src="/unsupported-browsers/browser-chrome.png">
<a href="https://www.google.com/chrome/" target="_blank" rel="noreferrer noopener">Get Chrome</a>
</div>
<div class="box right">
<img src="/unsupported-browsers/browser-firefox.png">
<a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank" rel="noreferrer noopener">Get Firefox</a>
</div>
</div>
</div>
<![endif]-->
<div id="root"></div>
</body>
</html>

@ -25,6 +25,7 @@ module.exports = {
path: BUILD,
},
devServer: {
// host: '0.0.0.0',
contentBase: [
SRC,
PUBLIC,

@ -9816,15 +9816,14 @@ style-search@^0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
styled-components@^3.3.3:
version "3.3.3"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.3.3.tgz#09e702055ab11f7a8eab8229b1c0d0b855095686"
styled-components@^3.4.9:
version "3.4.9"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.4.9.tgz#519abeb351b37be5b7de6a15ff9e4efeb9d772da"
dependencies:
buffer "^5.0.3"
css-to-react-native "^2.0.3"
fbjs "^0.8.16"
hoist-non-react-statics "^2.5.0"
is-plain-object "^2.0.1"
prop-types "^15.5.4"
react-is "^16.3.1"
stylis "^3.5.0"

Loading…
Cancel
Save