Merge pull request #32 from Louis-Ladd/main

very
ktg5 · Jan 4, 2025 · fd74774 · fd74774
2 parents 4595029 + 161e08e
commit fd74774
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 13 deletions.
diff --git a/css/2006.css b/css/2006.css
@@ -360,14 +360,6 @@
     display: inline-block !important;
     width: 46px !important;
 }
-
-.ytp-big-mode .ytp-volume-area .ytp-volume-panel {
-    display: inline-block !important;
-    width: 66px !important;
-    position: relative;
-    top: 2px;
-}
-
 .ytp-chrome-bottom .ytp-volume-area:before {
     content: '';
     display: block;
@@ -406,6 +398,17 @@
     background: rgb(135, 135, 135);
 }
 
+.ytp-big-mode .ytp-volume-area .ytp-volume-panel {
+    display: inline-block !important;
+    width: 66px !important;
+    position: relative;
+    top: 2px;
+}
+
+.ytp-big-mode .ytp-volume-slider-handle::before {
+    left: -96px;
+}
+
 /* ################################# */
 
 /* RIGHT CONTROLS */

diff --git a/css/2010.css b/css/2010.css
@@ -408,7 +408,10 @@
     top: 37.5%;
 }
 
+/* TODO: Weirdness happening here, investigate further! */
+
 .ytp-volume-slider-handle::before {
+	width: 58px;
 	background: var(--pt-volume-slider);
     height: 5px;
 }
@@ -424,12 +427,16 @@
     margin-top: 0px !important;
     height: 14px !important;
     width: 5px !important;
-    background: rgb(221, 221, 221);
+    background: rgb(226, 226, 226);
     border-radius: 0px !important;
 }
 
+.ytp-big-mode .ytp-volume-slider-handle::after {
+	left: 0px;
+}
+
 .ytp-big-mode .ytp-volume-slider-handle:before {
-    width: 64px;
+    width: 93px;
 	height: 4px !important;
 }
 

diff --git a/css/2012.css b/css/2012.css
@@ -439,6 +439,7 @@
 }
 
 .ytp-volume-slider-handle::before {
+	width: 58px;
 	background: var(--pt-volume-slider);
     height: 5px;
 }
@@ -459,10 +460,14 @@
 }
 
 .ytp-big-mode .ytp-volume-slider-handle:before {
-    width: 64px;
+    width: 86px;
     height: 4px !important;
 }
 
+.ytp-big-mode .ytp-volume-slider-handle::after {
+	left: 0px;
+}
+
 /* ################################# */
 
 /* RIGHT BUTTONS */

diff --git a/css/2013.css b/css/2013.css
@@ -342,6 +342,7 @@
 }
 
 .ytp-volume-slider-handle::before {
+	width: 58px;
 	background: var(--pt-main-colour);
     height: 4px;
 }
@@ -359,11 +360,15 @@
 	top: 20%;
 }
 
-.ytp-big-mode .ytp-volume-slider-handle:before {
-    width: 64px;
+.ytp-big-mode .ytp-volume-slider-handle::before {
+    width: 86px;
 	height: 4px !important;
 }
 
+.ytp-big-mode .ytp-volume-slider-handle::after {
+	left: 6px;
+}
+
 /* ################################# */
 
 /* RIGHT BUTTONS */