From 43748295b054cac89987204c029f472ff8bbe287 Mon Sep 17 00:00:00 2001 From: Danny Coates Date: Mon, 5 Nov 2018 14:19:26 -0800 Subject: [PATCH] style updated for chrome --- app/main.css | 11 +++-------- app/routes.js | 2 +- app/ui/home.js | 2 +- app/ui/intro.js | 2 +- app/ui/modal.js | 2 +- test/integration/homepage-tests.js | 1 - 6 files changed, 7 insertions(+), 13 deletions(-) diff --git a/app/main.css b/app/main.css index 2d1d66c6..74a9eaff 100644 --- a/app/main.css +++ b/app/main.css @@ -42,11 +42,6 @@ progress::-webkit-progress-value { @apply bg-white; } -.info { - height: 90%; - max-height: 32rem; -} - .header-logo { background-image: url('../assets/send_logo_white.svg'); background-position: left; @@ -150,8 +145,10 @@ progress::-webkit-progress-value { @apply flex-1; @apply self-center; @apply items-center; - @apply my-10; + @apply m-auto; + @apply py-8; + min-height: 33rem; max-height: 40rem; width: calc(100% - 3rem); } @@ -162,7 +159,5 @@ progress::-webkit-progress-value { .main > section { @apply shadow-md; - - min-height: 30rem; } } diff --git a/app/routes.js b/app/routes.js index 3d21753a..cb616c42 100644 --- a/app/routes.js +++ b/app/routes.js @@ -16,7 +16,7 @@ function banner(state, emit) { function body(main) { return function(state, emit) { - const b = html` + const b = html` ${banner(state, emit)} ${header(state, emit)} ${main(state, emit)} diff --git a/app/ui/home.js b/app/ui/home.js index 3f3af8d6..813c3286 100644 --- a/app/ui/home.js +++ b/app/ui/home.js @@ -27,7 +27,7 @@ module.exports = function(state, emit) { ${state.modal && modal(state, emit)}
${left}
-
${right}
+
${right}
`; }; diff --git a/app/ui/intro.js b/app/ui/intro.js index e0259cdf..0594c5a1 100644 --- a/app/ui/intro.js +++ b/app/ui/intro.js @@ -4,7 +4,7 @@ const assets = require('../../common/assets'); module.exports = function intro(state) { return html`
-
+

${state.translate( 'uploadPageHeader' diff --git a/app/ui/modal.js b/app/ui/modal.js index 94416666..48d79862 100644 --- a/app/ui/modal.js +++ b/app/ui/modal.js @@ -2,7 +2,7 @@ const html = require('choo/html'); module.exports = function(state, emit) { return html` -
+
e.stopPropagation()}> ${state.modal(state, emit, close)} diff --git a/test/integration/homepage-tests.js b/test/integration/homepage-tests.js index a092071e..88f13c03 100644 --- a/test/integration/homepage-tests.js +++ b/test/integration/homepage-tests.js @@ -8,7 +8,6 @@ describe('Firefox Send homepage', function() { const footerLinks = [ 'mozilla', 'legal', - 'about', 'legal', 'cookies', 'report-infringement',