From 72ef80db27b3f8ac66d020ed031f49a4d09c249f Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 2 Apr 2025 12:36:21 +0200
Subject: [PATCH] fix(ui): slider firefox support

---
 front/src/components/ui/Slider.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/front/src/components/ui/Slider.vue b/front/src/components/ui/Slider.vue
index a82032c58..3719c12a1 100644
--- a/front/src/components/ui/Slider.vue
+++ b/front/src/components/ui/Slider.vue
@@ -152,7 +152,7 @@ onMounted(() => {
   }
   // Fake slider
   .range {
-    width: calc(var(--step-size) * var(--current-step) + 2px);
+    width: calc(var(--step-size) * var(--current-step) + 4px);
     position: absolute;
     top: 6px;
     left: 2.5px;
@@ -166,6 +166,15 @@ onMounted(() => {
   input:focus~.range {
     // focused style
   }
+  input[type=range]::-moz-range-thumb {
+    background-color: var(--fw-primary);
+    transition: all .1s;
+    pointer-events: none;
+  }
+  input[type="range"]::-moz-range-track {
+    background: var(--fw-gray-800);
+    border-radius: 8px;
+  }
   .pin {
     border-radius: 8px;
     width: 16px;