From 8f3aa5252d9bc4dcff0c8117c9560954ed5649f1 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 11 Oct 2021 19:48:04 +0300
Subject: [PATCH] Audio: Better cover visibility (#1489)

---
 src/components/common/Audio.scss | 4 ++++
 src/components/ui/Button.scss    | 9 ---------
 src/components/ui/Button.tsx     | 7 +------
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss
index 675cba849..72ef72145 100644
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@@ -39,6 +39,10 @@
   .toggle-play {
     margin-inline-end: .5rem;
 
+    &.translucent-white {
+      color: rgba(255, 255, 255, 0.8);
+    }
+
     &.smaller {
       width: 3rem;
       height: 3rem;
diff --git a/src/components/ui/Button.scss b/src/components/ui/Button.scss
index 530f8e42d..8df61dfdb 100644
--- a/src/components/ui/Button.scss
+++ b/src/components/ui/Button.scss
@@ -317,13 +317,4 @@
   .emoji {
     vertical-align: -3px;
   }
-
-  .backdrop {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-  }
 }
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 39e303575..0b2a4c62c 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -157,12 +157,7 @@ const Button: FC<OwnProps> = ({
           <span dir={isRtl ? 'auto' : undefined}>Please wait...</span>
           <Spinner color={isText ? 'blue' : 'white'} />
         </div>
-      ) : (
-        <>
-          {backgroundImage && <div className="backdrop" />}
-          {children}
-        </>
-      )}
+      ) : children }
       {!disabled && ripple && (
         <RippleEffect />
       )}