fix(colorgradient): update canvas and input metrics

telerik · Jan 8, 2025 · 5bde1db · 5bde1db
1 parent 955e490
commit 5bde1db
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 15 deletions.
diff --git a/packages/bootstrap/scss/colorgradient/_variables.scss b/packages/bootstrap/scss/colorgradient/_variables.scss
@@ -82,7 +82,7 @@ $kendo-color-gradient-canvas-gap: k-spacing(3) !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 186px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -121,7 +121,7 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 186px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
@@ -191,7 +191,7 @@ $kendo-color-gradient-sm-input-width: 42px !default;
 $kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default;
 /// The width of the large ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-lg-input-width: 62.5px !default;
+$kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient

diff --git a/packages/classic/scss/colorgradient/_variables.scss b/packages/classic/scss/colorgradient/_variables.scss
@@ -82,7 +82,7 @@ $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 182px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -122,7 +122,7 @@ $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANS
 
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 182px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
@@ -192,7 +192,7 @@ $kendo-color-gradient-sm-input-width: 42px !default;
 $kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default;
 /// The width of the large ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-lg-input-width: 62.5px !default;
+$kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient

diff --git a/packages/default/scss/colorgradient/_variables.scss b/packages/default/scss/colorgradient/_variables.scss
@@ -82,7 +82,7 @@ $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 182px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -121,7 +121,7 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 182px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
@@ -191,7 +191,7 @@ $kendo-color-gradient-sm-input-width: 42px !default;
 $kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default;
 /// The width of the large ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-lg-input-width: 62.5px !default;
+$kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient

diff --git a/packages/fluent/scss/colorgradient/_variables.scss b/packages/fluent/scss/colorgradient/_variables.scss
@@ -88,7 +88,7 @@ $kendo-color-gradient-canvas-spacing: k-spacing(2) !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 164px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -137,7 +137,7 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 164px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
@@ -198,13 +198,13 @@ $kendo-color-gradient-input-label-text: var( --kendo-subtle-text, inherit ) !def
 
 /// The width of the small ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-sm-input-width: 43.5px !default;
+$kendo-color-gradient-sm-input-width: 43px !default;
 /// The width of the medium ColorGradient input.
 /// @group color-gradient
 $kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default;
 /// The width of the large ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-lg-input-width: 50.5px !default;
+$kendo-color-gradient-lg-input-width: 68px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient

diff --git a/packages/material/scss/colorgradient/_variables.scss b/packages/material/scss/colorgradient/_variables.scss
@@ -81,7 +81,7 @@ $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 210px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -120,7 +120,7 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 210px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;