chore: refactor input separator styles

telerik · Jan 11, 2024 · cf8f6fd · cf8f6fd
1 parent e7ded16
commit cf8f6fd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss
@@ -213,16 +213,21 @@
         margin: 0;
         border-style: solid;
         border-color: inherit;
-        height: auto;
-        align-self: stretch;
+        border-width: 0 0 0 1px;
+        height: $kendo-icon-size;
+        align-self: center;
 
         &-horizontal {
+            height: auto;
             margin-inline: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 1px 0 0;
         }
 
         &-vertical {
+            height: auto;
             margin-block: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 0 0 0 1px;
         }
     }

diff --git a/packages/fluent/scss/input/_layout.scss b/packages/fluent/scss/input/_layout.scss
@@ -1,6 +1,7 @@
 @use "sass:map";
 @use "../core/" as *;
 @use "./_variables.scss" as *;
+@use "../icon/_variables.scss" as *;
 
 @mixin kendo-input--layout() {
 
@@ -237,16 +238,21 @@
         margin: 0;
         border-style: solid;
         border-color: inherit;
-        height: auto;
-        align-self: stretch;
+        border-width: 0 0 0 1px;
+        height: $kendo-icon-size;
+        align-self: center;
 
         &-horizontal {
+            height: auto;
             margin-inline: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 1px 0 0;
         }
 
         &-vertical {
+            height: auto;
             margin-block: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 0 0 0 1px;
         }
     }