Remove ParityBackground (#5501)

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;

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 }

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';

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;

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>
     );
   }

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;
 

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';