natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed background image

This commit is contained in:
Danny Coates 2018-09-25 13:39:45 -07:00
parent 3f098f340e
commit 044138b540
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
7 changed files with 5 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/main.css
View File

@ -3,7 +3,6 @@
@import './pages/signin/signin.css'; @import './pages/signin/signin.css';
@import './pages/unsupported/unsupported.css'; @import './pages/unsupported/unsupported.css';
@import './pages/welcome/welcome.css'; @import './pages/welcome/welcome.css';
@import './templates/activeBackground/activeBackground.css';
@import './templates/downloadButton/downloadButton.css'; @import './templates/downloadButton/downloadButton.css';
@import './templates/downloadPassword/downloadPassword.css'; @import './templates/downloadPassword/downloadPassword.css';
@import './templates/file/file.css'; @import './templates/file/file.css';

3
app/routes/index.js
View File

@ -5,7 +5,6 @@ const download = require('./download');
const footer = require('../templates/footer'); const footer = require('../templates/footer');
const fxPromo = require('../templates/fxPromo'); const fxPromo = require('../templates/fxPromo');
const signupPromo = require('../templates/signupPromo'); const signupPromo = require('../templates/signupPromo');
const activeBackground = require('../templates/activeBackground');
const fileList = require('../templates/fileList'); const fileList = require('../templates/fileList');
const profile = require('../templates/userAccount'); const profile = require('../templates/userAccount');
const modal = require('../templates/modal'); const modal = require('../templates/modal');
@ -29,7 +28,7 @@ module.exports = function() {
function body(template) { function body(template) {
return function(state, emit) { return function(state, emit) {
const b = html`<body class="background ${activeBackground(state)}"> const b = html`<body>
${modalDialog(state, emit)} ${modalDialog(state, emit)}
${banner(state, emit)} ${banner(state, emit)}
<main class="main"> <main class="main">

14
app/templates/activeBackground/activeBackground.css
View File

@ -1,14 +0,0 @@
.background {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.background_1 {
background-image: url('../assets/background_1.jpg');
}
.background_2 {
background-image: url('../assets/background_2.jpg');
}

12
app/templates/activeBackground/index.js
View File

@ -1,12 +0,0 @@
const assets = require('../../../common/assets');
module.exports = function(state) {
if (!state.backgroundClass) {
const backgrounds = assets.match(/background_/);
state.backgroundClass = `background_${Math.floor(
Math.random() * backgrounds.length
) + 1}`;
}
return state.backgroundClass;
};

22
app/templates/footer/footer.css
View File

@ -19,18 +19,13 @@
} }
.legalSection__link { .legalSection__link {
color: #fff; color: var(--lightTextColor);
text-shadow: 0 0 3px #000;
white-space: nowrap; white-space: nowrap;
margin-right: 2vw; margin-right: 2vw;
} }
.legalSection__link:visited {
color: #ededf0;
}
.legalSection__link:hover { .legalSection__link:hover {
color: #d7d7db; color: var(--textColor);
} }
.footer__mozLogo { .footer__mozLogo {
@ -46,13 +41,13 @@
} }
.feedback { .feedback {
background-color: var(--primaryControlBGColor); background-color: #000;
background-image: url('../assets/feedback.svg'); background-image: url('../assets/feedback.svg');
background-position: 2px 4px; background-position: 2px 4px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 18px; background-size: 18px;
border-radius: 3px; border-radius: 3px;
border: 1px solid var(--primaryControlBGColor); border: 1px solid #000;
color: var(--primaryControlFGColor); color: var(--primaryControlFGColor);
cursor: pointer; cursor: pointer;
display: block; display: block;
@ -67,15 +62,6 @@
white-space: nowrap; white-space: nowrap;
} }
.feedback:hover,
.feedback:focus {
min-width: 30px;
max-width: 300px;
text-indent: 2px;
padding: 5px 5px 5px 20px;
background-color: var(--primaryControlHoverColor);
}
.feedback:active { .feedback:active {
background-color: var(--primaryControlHoverColor); background-color: var(--primaryControlHoverColor);
} }

BIN
assets/background_1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 572 KiB

BIN
assets/background_2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 572 KiB