fix: make slider 100% height and hide thumb in firefox (#14305)

Co-authored-by: JamalAlabdullah <90609090+JamalAlabdullah@users.noreply.github.com>
Altinn · Dec 23, 2024 · 7738e18 · 7738e18
1 parent 4e27917
commit 7738e18
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/...nd/libs/studio-components/src/components/StudioGridSelector/StudioGridSelector.module.css b/...nd/libs/studio-components/src/components/StudioGridSelector/StudioGridSelector.module.css
@@ -38,19 +38,19 @@
   border-radius: var(--border-radius);
 }
 
-.range::-moz-range-track {
-  aspect-ratio: 12;
-  background: var(--background);
-  border-radius: var(--border-radius);
-}
-
 .range::-webkit-slider-thumb {
   -webkit-appearance: none;
-  appearance: none;
   width: var(--thumb-width);
 }
 
+.range::-moz-range-track {
+  height: 100%;
+  background: var(--background);
+  border-radius: var(--border-radius);
+}
+
 .range::-moz-range-thumb {
+  visibility: hidden;
   width: var(--thumb-width);
 }