@syncfusion/ej2-navigations 31.1.18 → 31.1.20

package/styles/bootstrap5.3.css

@@ -8088,10 +8088,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8115,6 +8113,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: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8129,7 +8131,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8166,7 +8167,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8180,24 +8181,29 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   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;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8519,6 +8525,12 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -8677,17 +8689,25 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 24px;
+  min-height: 24px;
+  padding: 9px 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
-  height: 40px;
+  height: 38px;
 }
 .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: 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 {
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;

package/styles/bootstrap5.css

@@ -8015,10 +8015,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8056,7 +8054,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8116,12 +8113,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 3px;
+  margin-top: 3px;
   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;
@@ -8640,7 +8640,7 @@
 }
 .e-bigger .e-treeview .e-fullrow,
 .e-treeview.e-bigger .e-fullrow {
-  height: 42px;
+  height: 40px;
 }
 .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -8672,12 +8672,20 @@
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
-  height: 40px;
+  height: 36px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  margin-top: 2px;
+  margin-bottom: 2px;
 }
 .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: 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: 24px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;

package/styles/fabric-dark-lite.css

@@ -6102,8 +6102,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6140,10 +6140,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -6206,6 +6206,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 5px;

package/styles/fabric-dark.css

@@ -7984,8 +7984,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8022,10 +8022,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -8088,6 +8088,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 5px;

package/styles/fabric-lite.css

@@ -6104,8 +6104,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6142,10 +6142,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -6208,6 +6208,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 5px;

package/styles/fabric.css

@@ -7986,8 +7986,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8024,10 +8024,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -8090,6 +8090,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 5px;

package/styles/fluent-dark-lite.css

@@ -6139,10 +6139,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6166,6 +6164,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: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6180,7 +6182,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 12px 0 20px;
@@ -6217,7 +6218,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6231,24 +6232,26 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 36px;
+  line-height: 22px;
   margin: 0;
-  min-height: 36px;
-  padding: 0 12px;
+  min-height: 22px;
+  padding: 8px 12px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
-  margin-top: 3px;
+  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;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {

package/styles/fluent-dark.css

@@ -8008,10 +8008,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8035,6 +8033,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: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8049,7 +8051,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 12px 0 20px;
@@ -8086,7 +8087,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8100,24 +8101,26 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 36px;
+  line-height: 22px;
   margin: 0;
-  min-height: 36px;
-  padding: 0 12px;
+  min-height: 22px;
+  padding: 8px 12px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
-  margin-top: 3px;
+  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;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8587,7 +8590,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 16px;
+  padding: 10px 16px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -8664,8 +8667,10 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8680,11 @@
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
+.e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 16px;

package/styles/fluent-lite.css

@@ -6139,10 +6139,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6166,6 +6164,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: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6180,7 +6182,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 12px 0 20px;
@@ -6217,7 +6218,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6231,24 +6232,26 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 36px;
+  line-height: 22px;
   margin: 0;
-  min-height: 36px;
-  padding: 0 12px;
+  min-height: 22px;
+  padding: 8px 12px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
-  margin-top: 3px;
+  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;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {

package/styles/fluent.css

@@ -8008,10 +8008,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8035,6 +8033,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: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8049,7 +8051,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 12px 0 20px;
@@ -8086,7 +8087,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8100,24 +8101,26 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 36px;
+  line-height: 22px;
   margin: 0;
-  min-height: 36px;
-  padding: 0 12px;
+  min-height: 22px;
+  padding: 8px 12px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
-  margin-top: 3px;
+  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;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8587,7 +8590,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 16px;
+  padding: 10px 16px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -8664,8 +8667,10 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8680,11 @@
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
+.e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 16px;

package/styles/fluent2-lite.css

@@ -6571,8 +6571,8 @@
   padding: 4px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
+  margin-top: 4px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6609,7 +6609,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6679,6 +6678,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-list-text .e-input-group:hover {
   border-color: var(--color-sf-border-focus);

package/styles/fluent2.css

@@ -8496,8 +8496,8 @@
   padding: 4px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
+  margin-top: 4px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8534,7 +8534,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8604,6 +8603,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-list-text .e-input-group:hover {
   border-color: var(--color-sf-border-focus);