From 8286274a87cc8f4bf7316e145eb7942339b845a8 Mon Sep 17 00:00:00 2001
From: Chris Bellew <chrisb@roidna.com>
Date: Fri, 18 Oct 2024 14:13:06 -0700
Subject: [PATCH] Fixed transparency effect on video player when bringing up
 the UI.

Based on the following commit:
https://github.com/reisxd/TizenTube/commit/c1f92b0a69a242124c6e125ade320f70821779e4

Co-authored-by: reisxd <reiscantr@gmail.com>
---
 src/ui.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/ui.css b/src/ui.css
index 5d749cbe..99a8c569 100644
--- a/src/ui.css
+++ b/src/ui.css
@@ -60,3 +60,18 @@
   padding: 0 1em;
   line-height: 0;
 }
+
+/* Fixes transparency effect for the video player */
+.ytlr-watch-default__shadow {
+  background-image: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0,
+    rgba(0, 0, 0, 0.8) 90%
+  ) !important;
+  background-color: rgba(0, 0, 0, 0.3) !important;
+  display: block !important;
+  height: 100% !important;
+  pointer-events: none !important;
+  position: absolute !important;
+  width: 100% !important;
+}