fix: build and range on firefox

italia · Jul 14, 2023 · 50cb1e1 · 50cb1e1
1 parent ee0170c
commit 50cb1e1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/projects/design-angular-kit/src/lib/components/form/checkbox/checkbox.component.ts b/projects/design-angular-kit/src/lib/components/form/checkbox/checkbox.component.ts
@@ -51,7 +51,7 @@ export class ItCheckboxComponent extends ItAbstractFormComponent<boolean | null
     this.markAsChecked();
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  override ngOnChanges(changes: SimpleChanges) {
     if (changes['checked']) {
       this.markAsChecked();
     }

diff --git a/projects/design-angular-kit/src/lib/components/form/range/range.component.scss b/projects/design-angular-kit/src/lib/components/form/range/range.component.scss
@@ -1,3 +1,9 @@
-.form-range.double-color::-webkit-slider-runnable-track {
-  background: linear-gradient(to right, var(--range-left-color) var(--range-percentage), var(--range-right-color) var(--range-percentage));
+.form-range.double-color {
+  &::-webkit-slider-runnable-track {
+    background: linear-gradient(to right, var(--range-left-color) var(--range-percentage), var(--range-right-color) var(--range-percentage));
+  }
+
+  &::-moz-range-track {
+    background: linear-gradient(to right, var(--range-left-color) var(--range-percentage), var(--range-right-color) var(--range-percentage));
+  }
 }