From dfad694d2ffe37f39ad04efa895c9b7f7500f4bc Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Mon, 4 Mar 2024 18:37:08 +0100
Subject: [PATCH] adds volume slider dummy tho. pranked.

---
 playlist/static/img/slider.svg | 39 ++++++++++++++++++++++++++++++++++
 playlist/static/style.css      | 28 ++++++++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 playlist/static/img/slider.svg

diff --git a/playlist/static/img/slider.svg b/playlist/static/img/slider.svg
new file mode 100644
index 0000000..d601e09
--- /dev/null
+++ b/playlist/static/img/slider.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="120mm"
+   height="18.999998mm"
+   viewBox="0 0 120 18.999998"
+   version="1.1"
+   id="svg1"
+   inkscape:export-filename="slider.svg"
+   inkscape:export-xdpi="25.4"
+   inkscape:export-ydpi="25.4"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 0,19 120,0"
+       id="path18"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>
diff --git a/playlist/static/style.css b/playlist/static/style.css
index efee7ec..780a4c9 100644
--- a/playlist/static/style.css
+++ b/playlist/static/style.css
@@ -293,10 +293,38 @@ input[type="range"]#seek::-webkit-slider-runnable-track{
 	background-image:url(img/vol-select.svg);
 }
 
+
 input[type="range"]#volume::-webkit-slider-thumb {
 	background: transparent;
 	-webkit-appearance: none;
 	background-image:url(img/vol-select.svg);
+	transform: translateY(1px);
+}
+
+#volume::-moz-range-track {
+	background: none;
+	background-image: url(img/slider.svg);
+	background-position: 0 50%;
+	background-size: contain;
+	background-repeat:no-repeat;
+	box-shadow: none;
+	border: none;
+	border-bottom: 1px solid white;
+	border-right: 1px solid white;
+	height: 19px;
+}
+
+#volume::-webkit-slider-runnable-track {
+	background: none;
+	background-image: url(img/slider.svg);
+	background-position: 0 50%;
+	background-size: contain;
+	background-repeat:no-repeat;
+	box-shadow: none;
+	border: none;
+	border-bottom: 1px solid white;
+	border-right: 1px solid white;
+	height: 19px;
 }
 
 /* Clippy */