dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated password input UI

Browse source
This commit is contained in:
Danny Coates 2018-02-16 12:56:53 -08:00
parent 8d41111cd6
commit 346e604f34
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
37 changed files with 282 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

39
app/pages/unsupported/index.js
View file

@ -1,24 +1,6 @@
const html = require('choo/html');
const assets = require('../../../common/assets');
function outdatedStrings(state) {
return {
title: state.translate('notSupportedHeader'),
description: state.translate('notSupportedOutdatedDetail'),
button: state.translate('updateFirefox'),
explainer: state.translate('uploadPageExplainer')
};
}
function unsupportedStrings(state) {
return {
title: state.translate('notSupportedHeader'),
description: state.translate('notSupportedDetail'),
button: state.translate('downloadFirefoxButtonSub'),
explainer: state.translate('uploadPageExplainer')
};
}
module.exports = function(state) {
let strings = {};
let why = '';
@ -46,7 +28,7 @@ module.exports = function(state) {
${strings.button}
</div>`;
}
const div = html`
return html`
<div class="unsupportedPage">
<div class="title">${strings.title}</div>
<div class="description">
@ -64,5 +46,22 @@ module.exports = function(state) {
${strings.explainer}
</div>
</div>`;
return div;
};
function outdatedStrings(state) {
return {
title: state.translate('notSupportedHeader'),
description: state.translate('notSupportedOutdatedDetail'),
button: state.translate('updateFirefox'),
explainer: state.translate('uploadPageExplainer')
};
}
function unsupportedStrings(state) {
return {
title: state.translate('notSupportedHeader'),
description: state.translate('notSupportedDetail'),
button: state.translate('downloadFirefoxButtonSub'),
explainer: state.translate('uploadPageExplainer')
};
}

4
app/pages/unsupported/unsupported.css
View file

@ -9,7 +9,7 @@
font-size: 13px;
line-height: 23px;
text-align: center;
color: #7d7d7d;
color: var(--lightTextColor);
margin: 0 auto 23px;
}
@ -23,7 +23,7 @@
box-shadow: 0 5px 3px rgb(234, 234, 234);
font-family: 'Fira Sans', 'segoe ui', sans-serif;
font-weight: 500;
color: #fff;
color: var(--primaryControlFGColor);
font-size: 26px;
display: flex;
justify-content: center;