@syncfusion/ej2-navigations 31.1.18 → 31.1.20

package/styles/material3-dark.css

@@ -8135,9 +8135,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8174,7 +8172,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8241,6 +8238,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0;
@@ -8878,6 +8877,7 @@
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
+  padding: 12px;
 }
 .e-bigger .e-treeview .e-icon-collapsible::before,
 .e-bigger .e-treeview .e-icon-expandable::before,
@@ -9294,7 +9294,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 36px;
+  line-height: 32px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -9358,7 +9358,7 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/material3-lite.css

@@ -6226,9 +6226,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6265,7 +6263,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6332,6 +6329,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0;
@@ -7168,7 +7167,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 36px;
+  line-height: 32px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -7232,7 +7231,7 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/material3.css

@@ -8137,9 +8137,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8176,7 +8174,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8243,6 +8240,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0;
@@ -8880,6 +8879,7 @@
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
+  padding: 12px;
 }
 .e-bigger .e-treeview .e-icon-collapsible::before,
 .e-bigger .e-treeview .e-icon-expandable::before,
@@ -9296,7 +9296,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 36px;
+  line-height: 32px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -9360,7 +9360,7 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/menu/_material3-definition.scss

@@ -41,7 +41,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 36px !default;
+$menu-icon-li-height: 32px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;

package/styles/menu/material3-dark.css

@@ -209,7 +209,7 @@
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 36px;
+  line-height: 32px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -273,7 +273,7 @@
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/menu/material3.css

@@ -211,7 +211,7 @@
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 36px;
+  line-height: 32px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -275,7 +275,7 @@
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/tailwind-dark-lite.css

@@ -6251,9 +6251,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6293,7 +6291,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6353,12 +6350,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;

package/styles/tailwind-dark.css

@@ -8188,9 +8188,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8230,7 +8228,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8290,12 +8287,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;

package/styles/tailwind-lite.css

@@ -6251,9 +6251,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6293,7 +6291,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6353,12 +6350,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;

package/styles/tailwind.css

@@ -8188,9 +8188,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8230,7 +8228,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8290,12 +8287,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;

package/styles/tailwind3-lite.css

@@ -6246,9 +6246,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6271,6 +6269,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6285,7 +6287,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6346,13 +6347,17 @@
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
+  height: 32px;
   margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  line-height: 20px;
+  height: 32px;
 }
 .e-treeview .e-navigable-text {
   padding: 10px 8px;

package/styles/tailwind3.css

@@ -8215,9 +8215,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8240,6 +8238,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8254,7 +8256,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8315,13 +8316,17 @@
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
+  height: 32px;
   margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  line-height: 20px;
+  height: 32px;
 }
 .e-treeview .e-navigable-text {
   padding: 10px 8px;
@@ -8816,6 +8821,13 @@
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-text .e-input-group .e-input,
+.e-treeview.e-bigger .e-list-text .e-input-group .e-input {
+  height: 40px;
+  line-height: 24px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;

package/styles/treeview/_bds-definition.scss

@@ -5,7 +5,7 @@ $treeview-icon-font-size: $text-xl !default;
 $treeview-image-font-size: $text-xl !default;
 $treeview-big-font-size: $text-base !default;
 $treeview-big-icon-font-size: $text-2xl !default;
-$treeview-item-height: 40px !default;
+$treeview-item-height: 38px !default;
 $treeview-text-height: 38px !default;
 $treeview-input-height: 30px !default;
 $treeview-root-ul-padding: 0 0 0 12px !default;

package/styles/treeview/_bigger.scss

@@ -185,6 +185,30 @@
         min-height: $treeview-big-item-height;
       }
 
+      @if $skin-name == 'bootstrap5.3' {
+        padding: $treeview-big-text-padding;
+      }
+
+      @if $skin-name == 'highcontrast' {
+        padding-top: 11px;
+        padding-bottom: 11px;
+      }
+
+      @if $skin-name == 'material' or $skin-name == 'material-dark' {
+        padding-top: 12px;
+        padding-bottom: 12px;
+      }
+
+      @if $skin-name == 'FluentUI' {
+        padding-top: 10px;
+        padding-bottom: 10px;
+      }
+
+      @if $skin-name == 'bootstrap4' {
+        padding-top: 13px;
+        padding-bottom: 13px;
+      }
+
       .e-input-group {
         height: $treeview-big-input-height;
 
@@ -193,6 +217,69 @@
             height: 36px;
           }
         }
+
+        @if $skin-name =='bootstrap5' {
+          padding-top: 6px;
+          padding-bottom: 6px;
+          margin-top: 2px;
+          margin-bottom: 2px;
+        }
+
+        @if $skin-name == 'highcontrast' or $skin-name == 'material-dark' {
+          line-height: 42px;
+          min-height: 42px;
+        }
+
+        .e-input {
+          @if $skin-name =='tailwind3' {
+            height: 40px;
+            line-height: 24px;
+            padding-top: 8px;
+            padding-bottom: 8px;
+          }
+
+          @if $skin-name =='bootstrap5' {
+            height: 24px;
+          }
+
+          @if $skin-name =='material' or $skin-name == 'material-dark' {
+            line-height: 28px;
+            min-height: 28px;
+            padding-top: 9px;
+            padding-bottom: 5px;
+          }
+
+          @if $skin-name == 'bootstrap5.3' {
+            line-height: 24px;
+            min-height: 24px;
+            padding-top: 7px;
+            padding-bottom: 7px;
+          }
+        }
+      }
+    }
+
+    .e-list-item .e-text-content .e-list-text {
+      &:has(> .e-input-group) {
+        @if $skin-name =='highcontrast' {
+          padding-top: 4px;
+          padding-bottom: 4px;
+        }
+
+        @if $skin-name =='FluentUI' {
+          padding-top: 2px;
+          padding-bottom: 2px;
+        }
+
+        @if $skin-name =='material' or $skin-name == 'material-dark' {
+          padding-top: 3px;
+          padding-bottom: 3px;
+        }
+
+        @if $skin-name == 'bootstrap4' {
+          padding-top: 6px;
+          padding-bottom: 6px;
+        }
       }
     }
 
@@ -377,6 +464,10 @@
   .e-treeview.e-bigger {
     .e-list-text {
       font-size: $treeview-big-font-size;
+      @if $skin-name == 'Material3' {
+        padding: 12px;
+      }
+      
       @if $skin-name == 'bootstrap4' {
         color: $treeview-big-text-color;
       }

package/styles/treeview/_bootstrap4-definition.scss

@@ -44,8 +44,8 @@ $treeview-item-active-check-color: $primary !default;
 //enddefault
 //dimensions
 $treeview-skin-name: 'bootstrap4';
-$treeview-item-height: 32px !default;
-$treeview-text-height: 30px !default;
+$treeview-item-height: 40px !default;
+$treeview-text-height: 22px !default;
 $treeview-input-height: 30px !default;
 $treeview-root-ul-padding: 0 0 0 14px !default;
 $treeview-rtl-root-ul-padding: 0 14px 0 0 !default;
@@ -61,7 +61,7 @@ $treeview-big-icon-margin: 0 0 0 -24px !default;
 $treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
 $treeview-rtl-drag-margin: 10px -13px -1px 0;
 $treeview-icon-padding: 6px !default;
-$treeview-text-padding: 0 8px 0 6px !default;
+$treeview-text-padding: 9px 8px 9px 6px !default;
 $treeview-text-margin: 0 !default;
 $treeview-image-size: 18px !default;
 $treeview-icon-size: 16px !default;
@@ -86,7 +86,7 @@ $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
 $treeview-rtl-check-margin: 0 5px 0 0 !default;
-$treeview-check-text-padding: 0 8px !default;
+$treeview-check-text-padding: 9px 8px !default;
 $treeview-check-image-margin: 0 0 0 12px !default;
 $treeview-rtl-check-image-margin: 5px 12px 0 0 !default;
 $treeview-drop-count-border-size: 0px !default;
@@ -100,8 +100,8 @@ $treeview-check-icon-img-wrap-width: calc(100% - 83px) !default;
 $treeview-icon-wrap-width: calc(100% - 29px) !default;
 $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
 
-$treeview-big-item-height: 40px !default;
-$treeview-big-text-height: 36px !default;
+$treeview-big-item-height: 50px !default;
+$treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 38px !default;
 $treeview-big-text-padding: 0 12px 0 8px !default;
 $treeview-big-drag-text-padding: 2px 12px 0 4px !default;
@@ -119,7 +119,7 @@ $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;
 $treeview-big-icon-image-margin: 0 0 0 10px !default;
 $treeview-big-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-big-check-margin: 0 0 0 10px !default;
-$treeview-big-check-text-padding: 0 12px !default;
+$treeview-big-check-text-padding: 13px 12px !default;
 $treeview-big-rtl-check-margin: 0 10px 0 0 !default;
 $treeview-big-check-image-margin: 0 0 0 16px !default;
 $treeview-big-rtl-check-image-margin: 4px 16px 2px 0 !default;

package/styles/treeview/_bootstrap5-definition.scss

@@ -47,9 +47,9 @@ $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
 
 $treeview-big-font-size: $text-base !default;
 $treeview-big-icon-font-size: $text-2xl !default;
-$treeview-big-item-height: 42px !default;
+$treeview-big-item-height: 40px !default;
 $treeview-big-text-height: 40px !default;
-$treeview-big-input-height: 40px !default;
+$treeview-big-input-height: 36px !default;
 $treeview-big-text-padding: 0 12px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;

package/styles/treeview/_bootstrap5.3-definition.scss

@@ -4,8 +4,8 @@ $treeview-font-size: $text-sm !default;
 $treeview-icon-font-size: $text-xl !default;
 $treeview-image-font-size: $text-xl !default;
 $treeview-item-height: 36px !default;
-$treeview-text-height: 34px !default;
-$treeview-input-height: 30px !default;
+$treeview-text-height: 22px !default;
+$treeview-input-height: 32px !default;
 $treeview-root-ul-padding: 0 0 0 12px !default;
 $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
 $treeview-child-ul-padding: 0 0 0 20px !default;
@@ -17,7 +17,7 @@ $treeview-big-icon-size: 24px !default;
 $treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
-$treeview-text-padding: 0 8px !default;
+$treeview-text-padding: 7px 8px !default;
 $treeview-text-margin: 0 !default;
 $treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
@@ -32,7 +32,7 @@ $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;
 $treeview-rtl-check-margin: 0 12px 0 0 !default;
-$treeview-check-text-padding: 0 8px !default;
+$treeview-check-text-padding: 7px 8px !default;
 $treeview-check-image-margin: 0 0 0 8px !default;
 $treeview-rtl-check-image-margin: 0 8px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -47,9 +47,9 @@ $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
 $treeview-big-font-size: $text-base !default;
 $treeview-big-icon-font-size: $text-2xl !default;
 $treeview-big-item-height: 42px !default;
-$treeview-big-text-height: 40px !default;
-$treeview-big-input-height: 40px !default;
-$treeview-big-text-padding: 0 12px !default;
+$treeview-big-text-height: 24px !default;
+$treeview-big-input-height: 38px !default;
+$treeview-big-text-padding: 9px 12px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;
 $treeview-big-image-margin: 0 0 0 12px !default;
@@ -72,7 +72,7 @@ $treeview-big-rtl-text-wrap-padding: 0 24px 0 0 !default;
 $treeview-big-drag-icon-font-size: $text-2xl !default;
 $treeview-big-drag-item-text-padding-left: 24px !default;
 $treeview-big-drag-before-icon-padding: 6px !default;
-$treeview-big-check-text-padding: 0 12px !default;
+$treeview-big-check-text-padding: 9px 12px !default;
 $treeview-big-check-wrap-width: calc(100% - 29px) !default;
 $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
 $treeview-big-check-icon-img-wrap-width: calc(100% - 101px) !default;