From a7993781648fefb51444e208d92e7efb7f3ab783 Mon Sep 17 00:00:00 2001
From: Astound <kirito@disroot.org>
Date: Tue, 4 Mar 2025 11:06:04 +0800
Subject: Renew plyr UI and simplify elements

---
 youtube/static/modules/plyr/custom_plyr.css | 44 +++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

(limited to 'youtube/static/modules/plyr')

diff --git a/youtube/static/modules/plyr/custom_plyr.css b/youtube/static/modules/plyr/custom_plyr.css
index 0fd3c52..fd2034b 100644
--- a/youtube/static/modules/plyr/custom_plyr.css
+++ b/youtube/static/modules/plyr/custom_plyr.css
@@ -37,3 +37,47 @@ e.g. Firefox playback speed options */
     max-height: 320px;
     overflow-y: auto;
 }
+
+
+/*
+* Custom styles for plyr similar to shaka-player
+*/
+.plyr__controls__top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 0px 10px;
+}
+
+.plyr__progress__container {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    padding: 5px 0;
+}
+
+.plyr__progress {
+    width: 100%;
+}
+
+.plyr__controls {
+    flex-direction: column;
+}
+
+.plyr__controls .plyr__controls__item:first-child {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.plyr__controls .plyr__controls__item.plyr__volume {
+    margin-left: auto;
+}
+
+.plyr__controls .plyr__controls__item.plyr__progress__container {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+/*
+* End custom styles for plyr similar to shaka-player
+*/
-- 
cgit v1.2.3