@syncfusion/ej2-vue-navigations 21.1.38 → 21.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-navigations.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +35 -26
  6. package/styles/bootstrap.css +35 -26
  7. package/styles/bootstrap4.css +35 -26
  8. package/styles/bootstrap5-dark.css +44 -35
  9. package/styles/bootstrap5.css +44 -35
  10. package/styles/context-menu/bootstrap5-dark.css +4 -4
  11. package/styles/context-menu/bootstrap5.css +4 -4
  12. package/styles/fabric-dark.css +35 -26
  13. package/styles/fabric.css +35 -26
  14. package/styles/fluent-dark.css +35 -26
  15. package/styles/fluent.css +35 -26
  16. package/styles/highcontrast-light.css +35 -26
  17. package/styles/highcontrast.css +37 -27
  18. package/styles/material-dark.css +35 -26
  19. package/styles/material.css +35 -26
  20. package/styles/menu/bootstrap5-dark.css +5 -5
  21. package/styles/menu/bootstrap5.css +5 -5
  22. package/styles/tab/bootstrap-dark.css +0 -10
  23. package/styles/tab/bootstrap.css +0 -10
  24. package/styles/tab/bootstrap4.css +0 -10
  25. package/styles/tab/bootstrap5-dark.css +0 -10
  26. package/styles/tab/bootstrap5.css +0 -10
  27. package/styles/tab/fabric-dark.css +0 -10
  28. package/styles/tab/fabric.css +0 -10
  29. package/styles/tab/fluent-dark.css +0 -10
  30. package/styles/tab/fluent.css +0 -10
  31. package/styles/tab/highcontrast-light.css +0 -10
  32. package/styles/tab/highcontrast.css +0 -10
  33. package/styles/tab/material-dark.css +0 -10
  34. package/styles/tab/material.css +0 -10
  35. package/styles/tab/tailwind-dark.css +0 -10
  36. package/styles/tab/tailwind.css +0 -10
  37. package/styles/tailwind-dark.css +35 -26
  38. package/styles/tailwind.css +35 -26
  39. package/styles/treeview/bootstrap-dark.css +35 -16
  40. package/styles/treeview/bootstrap.css +35 -16
  41. package/styles/treeview/bootstrap4.css +35 -16
  42. package/styles/treeview/bootstrap5-dark.css +35 -16
  43. package/styles/treeview/bootstrap5.css +35 -16
  44. package/styles/treeview/fabric-dark.css +35 -16
  45. package/styles/treeview/fabric.css +35 -16
  46. package/styles/treeview/fluent-dark.css +35 -16
  47. package/styles/treeview/fluent.css +35 -16
  48. package/styles/treeview/highcontrast-light.css +35 -16
  49. package/styles/treeview/highcontrast.css +37 -17
  50. package/styles/treeview/material-dark.css +35 -16
  51. package/styles/treeview/material.css +35 -16
  52. package/styles/treeview/tailwind-dark.css +35 -16
  53. package/styles/treeview/tailwind.css +35 -16
package/styles/material.css CHANGED
@@ -3521,16 +3521,6 @@
3521
3521
  content: "\e7fc";
3522
3522
  position: relative;
3523
3523
  }
3524
- @media screen and (max-width: 480px) {
3525
- .e-tab .e-tab-header .e-popup-up-icon::before {
3526
- content: "\e984";
3527
- }
3528
- }
3529
- @media screen and (max-width: 480px) {
3530
- .e-tab .e-tab-header .e-popup-down-icon::before {
3531
- content: "\e984";
3532
- }
3533
- }
3534
3524
  @media screen and (max-width: 480px) {
3535
3525
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3536
3526
  content: "\e82a";
@@ -8140,17 +8130,22 @@
8140
8130
  font-size: 10px;
8141
8131
  }
8142
8132
  .e-treeview .e-list-item.e-active,
8143
- .e-treeview .e-list-item.e-hover {
8133
+ .e-treeview .e-list-item.e-hover,
8134
+ .e-treeview .e-list-item.e-node-focus {
8144
8135
  background: transparent;
8145
8136
  }
8146
- .e-treeview .e-list-item.e-hover > .e-text-content {
8137
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8138
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8147
8139
  color: rgba(0, 0, 0, 0.87);
8148
8140
  }
8149
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8141
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8142
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8150
8143
  color: rgba(0, 0, 0, 0.87);
8151
8144
  }
8152
8145
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8153
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8146
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8147
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8148
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8154
8149
  color: rgba(0, 0, 0, 0.54);
8155
8150
  }
8156
8151
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8163,31 +8158,40 @@
8163
8158
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8164
8159
  color: rgba(0, 0, 0, 0.54);
8165
8160
  }
8166
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8161
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8162
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8167
8163
  color: #e3165b;
8168
8164
  }
8169
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8165
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8166
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8170
8167
  color: #e3165b;
8171
8168
  }
8172
8169
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8173
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8170
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8171
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8172
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8174
8173
  color: rgba(0, 0, 0, 0.54);
8175
8174
  }
8176
8175
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8177
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8176
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8177
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8178
8178
  color: rgba(0, 0, 0, 0.87);
8179
8179
  }
8180
8180
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8181
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8181
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8182
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8182
8183
  color: rgba(0, 0, 0, 0.87);
8183
8184
  }
8184
8185
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8185
8186
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8186
8187
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8187
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8188
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8189
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8190
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8188
8191
  color: rgba(0, 0, 0, 0.54);
8189
8192
  }
8190
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8193
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8194
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8191
8195
  background-color: #f5f5f5;
8192
8196
  border-color: #f5f5f5;
8193
8197
  }
@@ -8205,12 +8209,14 @@
8205
8209
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8206
8210
  color: rgba(0, 0, 0, 0.87);
8207
8211
  }
8208
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8212
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8213
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8209
8214
  background-color: #e0e0e0;
8210
8215
  border-color: #e0e0e0;
8211
8216
  }
8212
8217
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8213
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8218
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8219
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8214
8220
  background-color: transparent;
8215
8221
  border-color: transparent;
8216
8222
  }
@@ -8241,7 +8247,8 @@
8241
8247
  .e-treeview .e-popup .e-downtail::after {
8242
8248
  border-top-color: #fff;
8243
8249
  }
8244
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8250
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8251
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8245
8252
  background-color: #f5f5f5;
8246
8253
  border-color: #f5f5f5;
8247
8254
  }
@@ -8249,12 +8256,14 @@
8249
8256
  background-color: #eee;
8250
8257
  border-color: #eee;
8251
8258
  }
8252
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8259
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8260
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8253
8261
  background-color: #e0e0e0;
8254
8262
  border-color: #e0e0e0;
8255
8263
  }
8256
8264
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8257
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8265
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8266
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8258
8267
  background-color: transparent;
8259
8268
  border-color: transparent;
8260
8269
  }
package/styles/menu/bootstrap5-dark.css CHANGED
@@ -525,8 +525,8 @@
525
525
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
526
526
  .e-bigger .e-menu-container ul.e-ul .e-menu-item,
527
527
  .e-bigger.e-menu-container ul.e-ul .e-menu-item {
528
- height: 32px;
529
- line-height: 32px;
528
+ height: 36px;
529
+ line-height: 36px;
530
530
  padding: 0 12px;
531
531
  }
532
532
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -534,13 +534,13 @@
534
534
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
535
535
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
536
536
  font-size: 22px;
537
- line-height: 32px;
537
+ line-height: 36px;
538
538
  }
539
539
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
540
540
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
541
541
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
542
542
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
543
- line-height: 32px;
543
+ line-height: 36px;
544
544
  }
545
545
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
546
546
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -553,7 +553,7 @@
553
553
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
554
554
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
555
555
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
556
- font-size: 14px;
556
+ font-size: 16px;
557
557
  right: 7px;
558
558
  }
559
559
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
package/styles/menu/bootstrap5.css CHANGED
@@ -525,8 +525,8 @@
525
525
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
526
526
  .e-bigger .e-menu-container ul.e-ul .e-menu-item,
527
527
  .e-bigger.e-menu-container ul.e-ul .e-menu-item {
528
- height: 32px;
529
- line-height: 32px;
528
+ height: 36px;
529
+ line-height: 36px;
530
530
  padding: 0 12px;
531
531
  }
532
532
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -534,13 +534,13 @@
534
534
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
535
535
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
536
536
  font-size: 22px;
537
- line-height: 32px;
537
+ line-height: 36px;
538
538
  }
539
539
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
540
540
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
541
541
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
542
542
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
543
- line-height: 32px;
543
+ line-height: 36px;
544
544
  }
545
545
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
546
546
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -553,7 +553,7 @@
553
553
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
554
554
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
555
555
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
556
- font-size: 14px;
556
+ font-size: 16px;
557
557
  right: 7px;
558
558
  }
559
559
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
package/styles/tab/bootstrap-dark.css CHANGED
@@ -6,19 +6,9 @@
6
6
  .e-tab .e-tab-header .e-popup-up-icon::before {
7
7
  content: "\e988";
8
8
  }
9
- @media screen and (max-width: 480px) {
10
- .e-tab .e-tab-header .e-popup-up-icon::before {
11
- content: "\e936";
12
- }
13
- }
14
9
  .e-tab .e-tab-header .e-popup-down-icon::before {
15
10
  content: "\e968";
16
11
  }
17
- @media screen and (max-width: 480px) {
18
- .e-tab .e-tab-header .e-popup-down-icon::before {
19
- content: "\e936";
20
- }
21
- }
22
12
  @media screen and (max-width: 480px) {
23
13
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
24
14
  content: "\e918";
package/styles/tab/bootstrap.css CHANGED
@@ -11,19 +11,9 @@
11
11
  .e-tab .e-tab-header .e-popup-up-icon::before {
12
12
  content: "\e988";
13
13
  }
14
- @media screen and (max-width: 480px) {
15
- .e-tab .e-tab-header .e-popup-up-icon::before {
16
- content: "\e936";
17
- }
18
- }
19
14
  .e-tab .e-tab-header .e-popup-down-icon::before {
20
15
  content: "\e968";
21
16
  }
22
- @media screen and (max-width: 480px) {
23
- .e-tab .e-tab-header .e-popup-down-icon::before {
24
- content: "\e936";
25
- }
26
- }
27
17
  @media screen and (max-width: 480px) {
28
18
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
29
19
  content: "\e918";
package/styles/tab/bootstrap4.css CHANGED
@@ -12,16 +12,6 @@
12
12
  content: "\e745";
13
13
  position: relative;
14
14
  }
15
- @media screen and (max-width: 480px) {
16
- .e-tab .e-tab-header .e-popup-up-icon::before {
17
- content: "\e781";
18
- }
19
- }
20
- @media screen and (max-width: 480px) {
21
- .e-tab .e-tab-header .e-popup-down-icon::before {
22
- content: "\e781";
23
- }
24
- }
25
15
  @media screen and (max-width: 480px) {
26
16
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
27
17
  content: "\e721";
package/styles/tab/bootstrap5-dark.css CHANGED
@@ -10,16 +10,6 @@
10
10
  content: "\e7e7";
11
11
  position: relative;
12
12
  }
13
- @media screen and (max-width: 480px) {
14
- .e-tab .e-tab-header .e-popup-up-icon::before {
15
- content: "\e770";
16
- }
17
- }
18
- @media screen and (max-width: 480px) {
19
- .e-tab .e-tab-header .e-popup-down-icon::before {
20
- content: "\e770";
21
- }
22
- }
23
13
  @media screen and (max-width: 480px) {
24
14
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
25
15
  content: "\e776";
package/styles/tab/bootstrap5.css CHANGED
@@ -10,16 +10,6 @@
10
10
  content: "\e7e7";
11
11
  position: relative;
12
12
  }
13
- @media screen and (max-width: 480px) {
14
- .e-tab .e-tab-header .e-popup-up-icon::before {
15
- content: "\e770";
16
- }
17
- }
18
- @media screen and (max-width: 480px) {
19
- .e-tab .e-tab-header .e-popup-down-icon::before {
20
- content: "\e770";
21
- }
22
- }
23
13
  @media screen and (max-width: 480px) {
24
14
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
25
15
  content: "\e776";
package/styles/tab/fabric-dark.css CHANGED
@@ -6,19 +6,9 @@
6
6
  .e-tab .e-tab-header .e-popup-up-icon::before {
7
7
  content: "\e85e";
8
8
  }
9
- @media screen and (max-width: 480px) {
10
- .e-tab .e-tab-header .e-popup-up-icon::before {
11
- content: "\e976";
12
- }
13
- }
14
9
  .e-tab .e-tab-header .e-popup-down-icon::before {
15
10
  content: "\e84f";
16
11
  }
17
- @media screen and (max-width: 480px) {
18
- .e-tab .e-tab-header .e-popup-down-icon::before {
19
- content: "\e976";
20
- }
21
- }
22
12
  @media screen and (max-width: 480px) {
23
13
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
24
14
  content: "\e85e";
package/styles/tab/fabric.css CHANGED
@@ -11,19 +11,9 @@
11
11
  .e-tab .e-tab-header .e-popup-up-icon::before {
12
12
  content: "\e85e";
13
13
  }
14
- @media screen and (max-width: 480px) {
15
- .e-tab .e-tab-header .e-popup-up-icon::before {
16
- content: "\e976";
17
- }
18
- }
19
14
  .e-tab .e-tab-header .e-popup-down-icon::before {
20
15
  content: "\e84f";
21
16
  }
22
- @media screen and (max-width: 480px) {
23
- .e-tab .e-tab-header .e-popup-down-icon::before {
24
- content: "\e976";
25
- }
26
- }
27
17
  @media screen and (max-width: 480px) {
28
18
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
29
19
  content: "\e85e";
package/styles/tab/fluent-dark.css CHANGED
@@ -9,19 +9,9 @@
9
9
  .e-tab .e-tab-header .e-popup-up-icon::before {
10
10
  content: "\e776";
11
11
  }
12
- @media screen and (max-width: 480px) {
13
- .e-tab .e-tab-header .e-popup-up-icon::before {
14
- content: "\e770";
15
- }
16
- }
17
12
  .e-tab .e-tab-header .e-popup-down-icon::before {
18
13
  content: "\e729";
19
14
  }
20
- @media screen and (max-width: 480px) {
21
- .e-tab .e-tab-header .e-popup-down-icon::before {
22
- content: "\e770";
23
- }
24
- }
25
15
  @media screen and (max-width: 480px) {
26
16
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
27
17
  content: "\e776";
package/styles/tab/fluent.css CHANGED
@@ -9,19 +9,9 @@
9
9
  .e-tab .e-tab-header .e-popup-up-icon::before {
10
10
  content: "\e776";
11
11
  }
12
- @media screen and (max-width: 480px) {
13
- .e-tab .e-tab-header .e-popup-up-icon::before {
14
- content: "\e770";
15
- }
16
- }
17
12
  .e-tab .e-tab-header .e-popup-down-icon::before {
18
13
  content: "\e729";
19
14
  }
20
- @media screen and (max-width: 480px) {
21
- .e-tab .e-tab-header .e-popup-down-icon::before {
22
- content: "\e770";
23
- }
24
- }
25
15
  @media screen and (max-width: 480px) {
26
16
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
27
17
  content: "\e776";
package/styles/tab/highcontrast-light.css CHANGED
@@ -3,16 +3,6 @@
3
3
  content: "\e7fc";
4
4
  position: relative;
5
5
  }
6
- @media screen and (max-width: 480px) {
7
- .e-tab .e-tab-header .e-popup-up-icon::before {
8
- content: "\e976";
9
- }
10
- }
11
- @media screen and (max-width: 480px) {
12
- .e-tab .e-tab-header .e-popup-down-icon::before {
13
- content: "\e976";
14
- }
15
- }
16
6
  @media screen and (max-width: 480px) {
17
7
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
18
8
  content: "\e85e";
package/styles/tab/highcontrast.css CHANGED
@@ -14,16 +14,6 @@
14
14
  content: "\e7fc";
15
15
  position: relative;
16
16
  }
17
- @media screen and (max-width: 480px) {
18
- .e-tab .e-tab-header .e-popup-up-icon::before {
19
- content: "\e976";
20
- }
21
- }
22
- @media screen and (max-width: 480px) {
23
- .e-tab .e-tab-header .e-popup-down-icon::before {
24
- content: "\e976";
25
- }
26
- }
27
17
  @media screen and (max-width: 480px) {
28
18
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
29
19
  content: "\e85e";
package/styles/tab/material-dark.css CHANGED
@@ -31,16 +31,6 @@
31
31
  content: "\e7fc";
32
32
  position: relative;
33
33
  }
34
- @media screen and (max-width: 480px) {
35
- .e-tab .e-tab-header .e-popup-up-icon::before {
36
- content: "\e984";
37
- }
38
- }
39
- @media screen and (max-width: 480px) {
40
- .e-tab .e-tab-header .e-popup-down-icon::before {
41
- content: "\e984";
42
- }
43
- }
44
34
  @media screen and (max-width: 480px) {
45
35
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
46
36
  content: "\e82a";
package/styles/tab/material.css CHANGED
@@ -37,16 +37,6 @@
37
37
  content: "\e7fc";
38
38
  position: relative;
39
39
  }
40
- @media screen and (max-width: 480px) {
41
- .e-tab .e-tab-header .e-popup-up-icon::before {
42
- content: "\e984";
43
- }
44
- }
45
- @media screen and (max-width: 480px) {
46
- .e-tab .e-tab-header .e-popup-down-icon::before {
47
- content: "\e984";
48
- }
49
- }
50
40
  @media screen and (max-width: 480px) {
51
41
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
52
42
  content: "\e82a";
package/styles/tab/tailwind-dark.css CHANGED
@@ -27,16 +27,6 @@
27
27
  content: "\e7e7";
28
28
  position: relative;
29
29
  }
30
- @media screen and (max-width: 480px) {
31
- .e-tab .e-tab-header .e-popup-up-icon::before {
32
- content: "\e770";
33
- }
34
- }
35
- @media screen and (max-width: 480px) {
36
- .e-tab .e-tab-header .e-popup-down-icon::before {
37
- content: "\e770";
38
- }
39
- }
40
30
  @media screen and (max-width: 480px) {
41
31
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
42
32
  content: "\e776";
package/styles/tab/tailwind.css CHANGED
@@ -27,16 +27,6 @@
27
27
  content: "\e7e7";
28
28
  position: relative;
29
29
  }
30
- @media screen and (max-width: 480px) {
31
- .e-tab .e-tab-header .e-popup-up-icon::before {
32
- content: "\e770";
33
- }
34
- }
35
- @media screen and (max-width: 480px) {
36
- .e-tab .e-tab-header .e-popup-down-icon::before {
37
- content: "\e770";
38
- }
39
- }
40
30
  @media screen and (max-width: 480px) {
41
31
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
42
32
  content: "\e776";
package/styles/tailwind-dark.css CHANGED
@@ -3592,16 +3592,6 @@
3592
3592
  content: "\e7e7";
3593
3593
  position: relative;
3594
3594
  }
3595
- @media screen and (max-width: 480px) {
3596
- .e-tab .e-tab-header .e-popup-up-icon::before {
3597
- content: "\e770";
3598
- }
3599
- }
3600
- @media screen and (max-width: 480px) {
3601
- .e-tab .e-tab-header .e-popup-down-icon::before {
3602
- content: "\e770";
3603
- }
3604
- }
3605
3595
  @media screen and (max-width: 480px) {
3606
3596
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3607
3597
  content: "\e776";
@@ -8306,17 +8296,22 @@
8306
8296
  font-size: 20px;
8307
8297
  }
8308
8298
  .e-treeview .e-list-item.e-active,
8309
- .e-treeview .e-list-item.e-hover {
8299
+ .e-treeview .e-list-item.e-hover,
8300
+ .e-treeview .e-list-item.e-node-focus {
8310
8301
  background: transparent;
8311
8302
  }
8312
- .e-treeview .e-list-item.e-hover > .e-text-content {
8303
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8304
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8313
8305
  color: #fff;
8314
8306
  }
8315
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8307
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8308
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8316
8309
  color: #fff;
8317
8310
  }
8318
8311
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8319
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8312
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8313
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8314
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8320
8315
  color: #f3f4f6;
8321
8316
  }
8322
8317
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8329,31 +8324,40 @@
8329
8324
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8330
8325
  color: #fff;
8331
8326
  }
8332
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8327
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8328
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8333
8329
  color: #fff;
8334
8330
  }
8335
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8331
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8332
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8336
8333
  color: #fff;
8337
8334
  }
8338
8335
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8339
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8336
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8337
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8338
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8340
8339
  color: #f3f4f6;
8341
8340
  }
8342
8341
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8343
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8342
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8343
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8344
8344
  color: #fff;
8345
8345
  }
8346
8346
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8347
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8347
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8348
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8348
8349
  color: #fff;
8349
8350
  }
8350
8351
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8351
8352
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8352
8353
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8353
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8354
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8355
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8356
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8354
8357
  color: #d1d5db;
8355
8358
  }
8356
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8359
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8360
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8357
8361
  background-color: #4b5563;
8358
8362
  border-color: #4b5563;
8359
8363
  }
@@ -8371,12 +8375,14 @@
8371
8375
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8372
8376
  color: #fff;
8373
8377
  }
8374
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8378
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8379
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8375
8380
  background-color: #4b5563;
8376
8381
  border-color: #4b5563;
8377
8382
  }
8378
8383
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8379
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8384
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8385
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8380
8386
  background-color: transparent;
8381
8387
  border-color: transparent;
8382
8388
  }
@@ -8407,7 +8413,8 @@
8407
8413
  .e-treeview .e-popup .e-downtail::after {
8408
8414
  border-top-color: #4b5563;
8409
8415
  }
8410
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8416
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8417
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8411
8418
  background-color: #4b5563;
8412
8419
  border-color: #4b5563;
8413
8420
  }
@@ -8415,12 +8422,14 @@
8415
8422
  background-color: #6b7280;
8416
8423
  border-color: #6b7280;
8417
8424
  }
8418
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8425
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8426
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8419
8427
  background-color: #4b5563;
8420
8428
  border-color: #4b5563;
8421
8429
  }
8422
8430
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8423
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8431
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8432
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8424
8433
  background-color: transparent;
8425
8434
  border-color: transparent;
8426
8435
  }