From 47172cfaf483bdde8a53cfb898f4176b19b65284 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 5 Oct 2021 18:29:56 +0700
Subject: [PATCH] fixed shade opacity on mobiles

---
 src/components/flow/CellShade/index.tsx          | 2 +-
 src/components/flow/CellShade/styles.module.scss | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/flow/CellShade/index.tsx b/src/components/flow/CellShade/index.tsx
index dbc3921f..e74cc4f6 100644
--- a/src/components/flow/CellShade/index.tsx
+++ b/src/components/flow/CellShade/index.tsx
@@ -15,7 +15,7 @@ const CellShade: FC<Props> = ({ color, ...rest }) => {
       return undefined;
     }
 
-    return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.2)} 200px)`;
+    return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.3)} 200px)`;
   }, [color]);
 
   return (
diff --git a/src/components/flow/CellShade/styles.module.scss b/src/components/flow/CellShade/styles.module.scss
index 76326268..dfc82d72 100644
--- a/src/components/flow/CellShade/styles.module.scss
+++ b/src/components/flow/CellShade/styles.module.scss
@@ -2,11 +2,16 @@
 
 .shade {
   position: absolute;
-  top: 0;
+  bottom: 0;
   left: 0;
   right: 0;
-  bottom: 0;
+  top: 0;
+  max-height: $cell;
   background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1));
   pointer-events: none;
   touch-action: none;
+
+  @include tablet {
+    opacity: 0.5;
+  }
 }