diff options
5 files changed, 14 insertions, 31 deletions
diff --git a/gui/packages/desktop/src/main/index.js b/gui/packages/desktop/src/main/index.js index c28477652e..92ad7f110e 100644 --- a/gui/packages/desktop/src/main/index.js +++ b/gui/packages/desktop/src/main/index.js @@ -310,8 +310,6 @@ const ApplicationMain = { webPreferences: { // prevents renderer process code from not running when window is hidden backgroundThrottling: false, - // enable blur effect - blinkFeatures: 'CSSBackdropFilter', }, }; diff --git a/gui/packages/desktop/src/renderer/components/AppButton.js b/gui/packages/desktop/src/renderer/components/AppButton.js index dd69ab1dc3..fe1f74dc20 100644 --- a/gui/packages/desktop/src/renderer/components/AppButton.js +++ b/gui/packages/desktop/src/renderer/components/AppButton.js @@ -3,7 +3,6 @@ import * as React from 'react'; import { Button, Text, Component } from 'reactxp'; import styles from './AppButtonStyles'; -import blurStyles from './BlurAppButtonStyles'; import Img from './Img'; export class Label extends Text {} @@ -70,11 +69,9 @@ export class BlueButton extends BaseButton { } export class TransparentButton extends BaseButton { - backgroundStyle = () => - this.state.hovered ? blurStyles.transparentHover : blurStyles.transparent; + backgroundStyle = () => (this.state.hovered ? styles.transparentHover : styles.transparent); } export class RedTransparentButton extends BaseButton { - backgroundStyle = () => - this.state.hovered ? blurStyles.redTransparentHover : blurStyles.redTransparent; + backgroundStyle = () => (this.state.hovered ? styles.redTransparentHover : styles.redTransparent); } diff --git a/gui/packages/desktop/src/renderer/components/AppButtonStyles.js b/gui/packages/desktop/src/renderer/components/AppButtonStyles.js index a106e7a7f2..6ef2bb6420 100644 --- a/gui/packages/desktop/src/renderer/components/AppButtonStyles.js +++ b/gui/packages/desktop/src/renderer/components/AppButtonStyles.js @@ -28,6 +28,18 @@ export default { white: Styles.createViewStyle({ color: colors.white, }), + transparent: Styles.createViewStyle({ + backgroundColor: colors.white20, + }), + transparentHover: Styles.createViewStyle({ + backgroundColor: colors.white40, + }), + redTransparent: Styles.createViewStyle({ + backgroundColor: colors.red40, + }), + redTransparentHover: Styles.createViewStyle({ + backgroundColor: colors.red45, + }), icon: Styles.createViewStyle({ position: 'absolute', alignSelf: 'flex-end', diff --git a/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js b/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js index 901d699fc5..d044a7ace6 100644 --- a/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js +++ b/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js @@ -8,7 +8,6 @@ const styles = { container: Styles.createViewStyle({ flexDirection: 'row', backgroundColor: 'rgba(0, 0, 0, 0.5)', - backdropFilter: 'blur(4px)', paddingTop: 8, paddingLeft: 20, paddingRight: 20, diff --git a/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js b/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js deleted file mode 100644 index cd47776004..0000000000 --- a/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js +++ /dev/null @@ -1,23 +0,0 @@ -// @flow - -import { Styles } from 'reactxp'; -import { colors } from '../../config'; - -export default { - transparent: Styles.createViewStyle({ - backgroundColor: colors.white20, - backdropFilter: 'blur(4px)', - }), - transparentHover: Styles.createViewStyle({ - backgroundColor: colors.white40, - backdropFilter: 'blur(4px)', - }), - redTransparent: Styles.createViewStyle({ - backgroundColor: colors.red40, - backdropFilter: 'blur(4px)', - }), - redTransparentHover: Styles.createViewStyle({ - backgroundColor: colors.red45, - backdropFilter: 'blur(4px)', - }), -}; |