From 74a2805f5052ecf90931cd13271fe1718542cee4 Mon Sep 17 00:00:00 2001 From: Marcin Rataj Date: Sat, 16 Dec 2017 14:28:03 +0100 Subject: [PATCH] Initial stab at native feel of browser action popup So far it is Firefox-only --- add-on/src/popup/browser-action/header.js | 2 +- add-on/src/popup/browser-action/index.html | 2 +- add-on/src/popup/browser-action/page.css | 5 +++++ add-on/src/popup/browser-action/page.js | 2 +- 4 files changed, 8 insertions(+), 3 deletions(-) diff --git a/add-on/src/popup/browser-action/header.js b/add-on/src/popup/browser-action/header.js index 7376b5cc4..b083b520a 100644 --- a/add-on/src/popup/browser-action/header.js +++ b/add-on/src/popup/browser-action/header.js @@ -8,7 +8,7 @@ const isJsIpfsEnabled = require('../../lib/is-js-ipfs-enabled')() module.exports = function header ({ ipfsNodeType, onToggleNodeType, isIpfsOnline }) { return html` -
+
${logo({ size: 52, diff --git a/add-on/src/popup/browser-action/index.html b/add-on/src/popup/browser-action/index.html index 8ba9fe11a..511f351b4 100644 --- a/add-on/src/popup/browser-action/index.html +++ b/add-on/src/popup/browser-action/index.html @@ -4,7 +4,7 @@ - +
diff --git a/add-on/src/popup/browser-action/page.css b/add-on/src/popup/browser-action/page.css index 401e3daa9..c9b35960b 100644 --- a/add-on/src/popup/browser-action/page.css +++ b/add-on/src/popup/browser-action/page.css @@ -8,3 +8,8 @@ .outline-0--focus:focus { outline: 0; } + +html, +body { + background: #041727 linear-gradient(to bottom, #041727, white 50%); +} diff --git a/add-on/src/popup/browser-action/page.js b/add-on/src/popup/browser-action/page.js index 7d03d411a..b96397f55 100644 --- a/add-on/src/popup/browser-action/page.js +++ b/add-on/src/popup/browser-action/page.js @@ -30,7 +30,7 @@ module.exports = function browserActionPage (state, emit) { const gwStatusProps = Object.assign({}, state) return html` -
+
${header(headerProps)} ${contextActions(contextActionsProps)} ${operations(opsProps)}