From 0e89643555ecddf79f21571319f878ed22e45ff4 Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Sat, 17 Aug 2024 20:16:33 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=9A=EF=B8=8F=20Simplifies=20vertical?=
 =?UTF-8?q?=20slider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/input/vertical-slider.svelte   | 24 ++++---------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/app/src/lib/components/input/vertical-slider.svelte b/app/src/lib/components/input/vertical-slider.svelte
index bb0dee0..b19db11 100644
--- a/app/src/lib/components/input/vertical-slider.svelte
+++ b/app/src/lib/components/input/vertical-slider.svelte
@@ -7,7 +7,8 @@
   
 <input
     type="range"
-    orient="vertical"
+    style="writing-mode: vertical-lr; direction: rtl"
+    class="cursor-pointer"
     min={min}
     max={max}
     step={step}
@@ -17,25 +18,8 @@
 />
 
 <style>
-input[type=range][orient=vertical] {
-  -webkit-appearance: slider-vertical;
-  width: 1rem;
-  height: 100%;
-  border-radius: var(--rounded-box, 1rem);
-}
-
-input[type=range][orient=vertical]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  border: 5px solid #000000;
-  height: 24px;
-  width: 24px;
-  border-radius: 50%;
-  background: black;
-}
-
-input[type=range][orient=vertical]::-webkit-slider-runnable-track {
-  cursor: pointer;
+input[type=range]::-webkit-slider-runnable-track {
   background: oklch(var(--p)/1);
   border-radius: var(--rounded-box, 1rem);
-}
+} 
 </style>
\ No newline at end of file