From 9637792e2ec207eb1bd3e92de87116ea2752a756 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Mon, 28 Oct 2024 18:15:10 -0400
Subject: [PATCH 1/2] Make player button smaller

---
 .../ft-shaka-video-player/ft-shaka-video-player.css       | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
index 37650c9febb6..adabf8c77eca 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -197,6 +197,14 @@
   opacity: 1;
 }
 
+:deep(.shaka-controls-container[shown='true'] > .shaka-play-button-container > .shaka-play-button) {
+  opacity: 0.75 !important;
+}
+
+:deep(.shaka-controls-container > .shaka-play-button-container > .shaka-play-button) {
+  padding: min(calc(15% / 2), 55px);
+}
+
 .ftVideoPlayer:fullscreen :deep(.theatre-button),
 .ftVideoPlayer:fullscreen :deep(.full-window-button),
 .fullWindow :deep(.theatre-button) {

From a137eec58b92b9b901d3b0d779f9dcfe9e790375 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Tue, 29 Oct 2024 07:19:23 -0400
Subject: [PATCH 2/2] move transparency seting to media query

---
 .../ft-shaka-video-player/ft-shaka-video-player.css   | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
index adabf8c77eca..87d9f32b358c 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -197,10 +197,6 @@
   opacity: 1;
 }
 
-:deep(.shaka-controls-container[shown='true'] > .shaka-play-button-container > .shaka-play-button) {
-  opacity: 0.75 !important;
-}
-
 :deep(.shaka-controls-container > .shaka-play-button-container > .shaka-play-button) {
   padding: min(calc(15% / 2), 55px);
 }
@@ -256,4 +252,11 @@
   }
 }
 
+@media (prefers-reduced-transparency:no-preference) {
+  /* add transparency to big play button */
+  :deep(.shaka-controls-container[shown='true'] > .shaka-play-button-container > .shaka-play-button) {
+    opacity: 0.75 !important;
+  }
+}
+
 /* stylelint-enable liberty/use-logical-spec */