From b1020724d977e419d29119a21d3aa0a87f68cb6e Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Thu, 16 May 2024 17:41:02 +0300
Subject: [PATCH] refactor: lower img opac. to be  sure err visible

---
 src/routes/Player/Player.js   | 2 +-
 src/routes/Player/styles.less | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index eed0874b7..538aafaaf 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -627,7 +627,7 @@ const Player = ({ urlParams, queryParams }) => {
             {
                 error !== null ?
                     <Error
-                        className={styles['layer']}
+                        className={classnames(styles['layer'], styles['error-layer'])}
                         stream={video.state.stream}
                         {...error}
                     />
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 86be17c13..b86d2fe23 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -40,8 +40,9 @@ html:not(.active-slider-within) {
         bottom: 0;
         z-index: 0;
 
-        &.buffering-layer {
+        &.buffering-layer, &.error-layer {
             z-index: 1;
+            background: transparent;
         }
 
         &.background-layer {
@@ -49,6 +50,7 @@ html:not(.active-slider-within) {
                 width: 100vw;
                 height: 100vh;
                 object-fit: cover;
+                opacity: 0.7;
             }
         }