fix(input): conditionally set spinner offset to calculated or auto

telerik · Feb 1, 2022 · 04d5b35 · 04d5b35
1 parent 89507fa
commit 04d5b35
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 2 deletions.
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -15,6 +15,7 @@ $enable-grid-classes: true !default;
 $use-calc-badge-size: true !default;
 $use-input-button-width: false !default;
 $use-input-spinner-width: false !default;
+$use-input-spinner-icon-offset: false !default;
 $use-picker-select-width: false !default;
 
 

diff --git a/packages/classic/scss/_variables.scss b/packages/classic/scss/_variables.scss
@@ -12,6 +12,7 @@ $enable-grid-classes: true !default;
 $use-calc-badge-size: true !default;
 $use-input-button-width: false !default;
 $use-input-spinner-width: false !default;
+$use-input-spinner-icon-offset: false !default;
 $use-picker-select-width: false !default;
 
 

diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss
@@ -13,6 +13,7 @@ $enable-grid-classes: true !default;
 $use-calc-badge-size: true !default;
 $use-input-button-width: true !default;
 $use-input-spinner-width: true !default;
+$use-input-spinner-icon-offset: false !default;
 $use-picker-select-width: true !default;
 
 

diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss
@@ -266,10 +266,10 @@
             }
         }
         .k-spinner-increase .k-icon {
-            bottom: -$kendo-input-spinner-icon-offset;
+            bottom: if( $use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
         }
         .k-spinner-decrease .k-icon {
-            top: -$kendo-input-spinner-icon-offset;
+            top: if( $use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
         }
     }
 

diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
@@ -13,6 +13,7 @@ $enable-grid-classes: true !default;
 $use-calc-badge-size: true !default;
 $use-input-button-width: false !default;
 $use-input-spinner-width: false !default;
+$use-input-spinner-icon-offset: false !default;
 $use-picker-select-width: false !default;
 
 

diff --git a/packages/nouvelle/scss/_variables.scss b/packages/nouvelle/scss/_variables.scss
@@ -12,6 +12,7 @@ $enable-grid-classes: true !default;
 $use-calc-badge-size: false !default;
 $use-input-button-width: false !default;
 $use-input-spinner-width: false !default;
+$use-input-spinner-icon-offset: false !default;
 $use-picker-select-width: false !default;