From ac138f6a4c25f578ea673956fbc1b906df7ca4e9 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 25 Apr 2017 11:53:19 +0200
Subject: [PATCH] Remove ParityBackground (#5501)

---
 js/src/ui/Portal/portal.css                    | 10 ----------
 js/src/ui/Portal/portal.js                     |  2 --
 js/src/ui/index.js                             |  1 -
 js/src/views/ParityBar/parityBar.css           |  2 +-
 js/src/views/ParityBar/parityBar.js            |  6 +++---
 js/src/views/ParityBar/parityBar.spec.js       |  4 ----
 js/src/views/Settings/Background/background.js |  3 ++-
 7 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/js/src/ui/Portal/portal.css b/js/src/ui/Portal/portal.css
index 85e8be4f1..a2a1edce7 100644
--- a/js/src/ui/Portal/portal.css
+++ b/js/src/ui/Portal/portal.css
@@ -44,16 +44,6 @@ $popoverZ: 3600;
   z-index: $modalBackZ;
 }
 
-.parityBackground {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  opacity: 0.25;
-  z-index: -1;
-}
-
 .overlay {
   background-color: rgba(0, 0, 0, 1);
   box-sizing: border-box;
diff --git a/js/src/ui/Portal/portal.js b/js/src/ui/Portal/portal.js
index 6b2d7f8b2..47639dd86 100644
--- a/js/src/ui/Portal/portal.js
+++ b/js/src/ui/Portal/portal.js
@@ -22,7 +22,6 @@ import { noop } from 'lodash';
 
 import { nodeOrStringProptype } from '~/util/proptypes';
 import { CloseIcon } from '~/ui/Icons';
-import ParityBackground from '~/ui/ParityBackground';
 import StackEventListener from '~/ui/StackEventListener';
 import Title from '~/ui/Title';
 
@@ -99,7 +98,6 @@ export default class Portal extends Component {
             onKeyDown={ this.handleKeyDown }
           >
             <StackEventListener onKeyUp={ this.handleKeyUp } />
-            <ParityBackground className={ styles.parityBackground } />
             { this.renderClose() }
             <Title
               activeStep={ activeStep }
diff --git a/js/src/ui/index.js b/js/src/ui/index.js
index d4b9aadf9..458e22db7 100644
--- a/js/src/ui/index.js
+++ b/js/src/ui/index.js
@@ -44,7 +44,6 @@ export { Busy as BusyStep, Completed as CompletedStep } from './Modal';
 export ModalBox from './ModalBox';
 export muiTheme from './Theme';
 export Page from './Page';
-export ParityBackground from './ParityBackground';
 export Portal from './Portal';
 export QrCode from './QrCode';
 export QrScan from './QrScan';
diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index 11ebce073..75b5630a7 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -123,7 +123,7 @@ $modalZ: 10001;
 }
 
 .cornercolor {
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.75);
   padding: 0.5em 1em;
   display: flex;
   align-items: center;
diff --git a/js/src/views/ParityBar/parityBar.js b/js/src/views/ParityBar/parityBar.js
index 01c297f61..1cc750fac 100644
--- a/js/src/views/ParityBar/parityBar.js
+++ b/js/src/views/ParityBar/parityBar.js
@@ -24,7 +24,7 @@ import { connect } from 'react-redux';
 import store from 'store';
 
 import imagesEthcoreBlock from '~/../assets/images/parity-logo-white-no-text.svg';
-import { AccountCard, Badge, Button, ContainerTitle, IdentityIcon, ParityBackground, SelectionList } from '~/ui';
+import { AccountCard, Badge, Button, ContainerTitle, IdentityIcon, SelectionList } from '~/ui';
 import { CancelIcon, FingerprintIcon } from '~/ui/Icons';
 import DappsStore from '~/views/Dapps/dappsStore';
 import Signer from '~/views/Signer/Embedded';
@@ -191,7 +191,7 @@ class ParityBar extends Component {
         onMouseUp={ this.onMouseUp }
         ref={ this.onRef }
       >
-        <ParityBackground
+        <div
           className={ parityBgClassNames.join(' ') }
           ref='container'
           style={ parityBgStyle }
@@ -201,7 +201,7 @@ class ParityBar extends Component {
               ? this.renderExpanded()
               : this.renderBar()
           }
-        </ParityBackground>
+        </div>
       </div>
     );
   }
diff --git a/js/src/views/ParityBar/parityBar.spec.js b/js/src/views/ParityBar/parityBar.spec.js
index 013d0fd4c..51f714fc4 100644
--- a/js/src/views/ParityBar/parityBar.spec.js
+++ b/js/src/views/ParityBar/parityBar.spec.js
@@ -68,10 +68,6 @@ describe('views/ParityBar', () => {
     expect(component).to.be.ok;
   });
 
-  it('includes the ParityBackground', () => {
-    expect(component.find('Connect(ParityBackground)')).to.have.length(1);
-  });
-
   describe('renderBar', () => {
     let bar;
 
diff --git a/js/src/views/Settings/Background/background.js b/js/src/views/Settings/Background/background.js
index fd271111a..dd348a4c4 100644
--- a/js/src/views/Settings/Background/background.js
+++ b/js/src/views/Settings/Background/background.js
@@ -19,7 +19,8 @@ import { FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 
-import { Button, Container, ParityBackground } from '~/ui';
+import { Button, Container } from '~/ui';
+import ParityBackground from '~/ui/ParityBackground';
 import { RefreshIcon } from '~/ui/Icons';
 
 import { updateBackground } from '~/redux/providers/settings/actions';