Make Big Play Button smaller (#6002)

* Make player button smaller * move transparency seting to media query
FreeTubeApp · Nov 10, 2024 · a84d550 · a84d550
1 parent 5b474cd
commit a84d550
Showing 1 changed file with 11 additions and 0 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
@@ -197,6 +197,10 @@
   opacity: 1;
 }
 
+: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) {
@@ -248,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 */