fix(core): tui-slider-ticks-labels error `Operation on an invalid t…

…ype`
taiga-family · May 16, 2022 · 31fce51 · 31fce51
1 parent c3593a2
commit 31fce51
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/projects/core/styles/mixins/slider.less b/projects/core/styles/mixins/slider.less
@@ -4,7 +4,7 @@
 };
 
 .tui-slider-ticks-labels(@input-size: m) {
-    @first-tick-center: @thumb-diameters[ @@input-size] / 2;
+    @first-tick-center: (@thumb-diameters[ @@input-size] / 2);
     display: flex;
     margin: 0 @first-tick-center;
     font: var(--tui-font-text-s);

diff --git a/projects/kit/components/range/range.style.less b/projects/kit/components/range/range.style.less
@@ -34,7 +34,7 @@
 
 .track(@thumb-width) {
     position: relative;
-    margin: 0 @thumb-width / 2;
+    margin: 0 (@thumb-width / 2);
     height: 100%;
 
     /* Filled selected range */
@@ -46,7 +46,7 @@
         right: var(--right);
         height: 100%;
         background: var(--tui-primary);
-        margin: 0 -@thumb-width / 2;
+        margin: 0 (-@thumb-width / 2);
     }
 }
 
@@ -102,7 +102,7 @@
     .ignore-track-pointer-events();
     .remove-track-background();
     position: absolute;
-    top: @track-height / 2;
+    top: (@track-height / 2);
     left: 0;
     right: 0;
     z-index: 1;
@@ -135,12 +135,12 @@
 
     :host[data-size='s'] & {
         .tui-slider-ticks-labels(s);
-        padding: 0 @thumb-diameters[ @s] / 2;
+        padding: 0 (@thumb-diameters[ @s] / 2);
     }
 
     :host[data-size='m'] & {
         .tui-slider-ticks-labels(m);
-        padding: 0 @thumb-diameters[ @m] / 2;
+        padding: 0 (@thumb-diameters[ @m] / 2);
     }
 }
 
@@ -159,11 +159,11 @@
 // TODO delete in v3.0
 .segment {
     &:last-of-type .number {
-        margin-right: -@thumb-diameters[ @m] / 2;
+        margin-right: (-@thumb-diameters[ @m] / 2);
     }
 
     &:first-of-type .number {
-        margin-left: -@thumb-diameters[ @m] / 2;
+        margin-left: (-@thumb-diameters[ @m] / 2);
     }
 }
 

diff --git a/projects/kit/components/slider/slider.style.less b/projects/kit/components/slider/slider.style.less
@@ -20,7 +20,7 @@
     The most left point of the track is the most left point of the thumb (at the zero-position).
     The first tick should start at the center of thumb to set correct position for all other ticks.
     */
-    @first-tick-offset: (@thumb-width - @ticks-thickness) / 2;
+    @first-tick-offset: ((@thumb-width - @ticks-thickness) / 2);
     @ticks-background-size: calc(100% - @thumb-width);
 
     @hide-first-tick: linear-gradient(