@syncfusion/ej2-navigations 20.3.52 → 20.3.57

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 (59) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +24 -19
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +24 -19
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/treeview/treeview.js +24 -19
  14. package/styles/bootstrap-dark.css +97 -102
  15. package/styles/bootstrap.css +97 -102
  16. package/styles/bootstrap4.css +97 -102
  17. package/styles/bootstrap5-dark.css +97 -102
  18. package/styles/bootstrap5.css +97 -102
  19. package/styles/fabric-dark.css +108 -108
  20. package/styles/fabric.css +108 -108
  21. package/styles/fluent-dark.css +97 -101
  22. package/styles/fluent.css +97 -101
  23. package/styles/highcontrast-light.css +108 -108
  24. package/styles/highcontrast.css +108 -108
  25. package/styles/material-dark.css +95 -95
  26. package/styles/material.css +95 -95
  27. package/styles/pager/bootstrap-dark.css +9 -9
  28. package/styles/pager/bootstrap.css +9 -9
  29. package/styles/pager/bootstrap4.css +9 -9
  30. package/styles/pager/bootstrap5-dark.css +9 -9
  31. package/styles/pager/bootstrap5.css +9 -9
  32. package/styles/pager/fabric-dark.css +9 -9
  33. package/styles/pager/fabric.css +9 -9
  34. package/styles/pager/fluent-dark.css +9 -9
  35. package/styles/pager/fluent.css +9 -9
  36. package/styles/pager/highcontrast-light.css +9 -9
  37. package/styles/pager/highcontrast.css +9 -9
  38. package/styles/pager/material-dark.css +9 -9
  39. package/styles/pager/material.css +9 -9
  40. package/styles/pager/tailwind-dark.css +9 -9
  41. package/styles/pager/tailwind.css +9 -9
  42. package/styles/tab/_layout.scss +6 -19
  43. package/styles/tab/bootstrap-dark.css +88 -93
  44. package/styles/tab/bootstrap.css +88 -93
  45. package/styles/tab/bootstrap4.css +88 -93
  46. package/styles/tab/bootstrap5-dark.css +88 -93
  47. package/styles/tab/bootstrap5.css +88 -93
  48. package/styles/tab/fabric-dark.css +99 -99
  49. package/styles/tab/fabric.css +99 -99
  50. package/styles/tab/fluent-dark.css +88 -92
  51. package/styles/tab/fluent.css +88 -92
  52. package/styles/tab/highcontrast-light.css +99 -99
  53. package/styles/tab/highcontrast.css +99 -99
  54. package/styles/tab/material-dark.css +86 -86
  55. package/styles/tab/material.css +86 -86
  56. package/styles/tab/tailwind-dark.css +86 -86
  57. package/styles/tab/tailwind.css +86 -86
  58. package/styles/tailwind-dark.css +95 -95
  59. package/styles/tailwind.css +95 -95
package/styles/tab/bootstrap4.css CHANGED
@@ -88,8 +88,6 @@
88
88
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
89
89
  height: auto;
90
90
  min-height: auto;
91
- height: 42px;
92
- min-height: 42px;
93
91
  }
94
92
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
95
93
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -98,8 +96,8 @@
98
96
  }
99
97
  @media screen and (max-width: 480px) {
100
98
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
101
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
102
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
99
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
100
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
103
101
  margin: 0;
104
102
  }
105
103
  }
@@ -109,7 +107,7 @@
109
107
  }
110
108
  @media screen and (max-width: 480px) {
111
109
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
110
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
111
  margin: 0 2px 0 0;
114
112
  }
115
113
  }
@@ -123,7 +121,7 @@
123
121
  }
124
122
  @media screen and (max-width: 480px) {
125
123
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
126
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
124
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
127
125
  margin: 0 2px 0 0;
128
126
  }
129
127
  }
@@ -147,7 +145,7 @@
147
145
  }
148
146
  @media screen and (max-width: 480px) {
149
147
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
150
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
148
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
151
149
  margin: 0 2px 0 0;
152
150
  }
153
151
  }
@@ -164,7 +162,7 @@
164
162
  }
165
163
  @media screen and (max-width: 480px) {
166
164
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
167
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
165
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
168
166
  padding: 0 15px;
169
167
  }
170
168
  }
@@ -183,7 +181,7 @@
183
181
  }
184
182
  @media screen and (max-width: 480px) {
185
183
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
186
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
184
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
187
185
  margin: 0 2px 0 0;
188
186
  }
189
187
  }
@@ -213,7 +211,7 @@
213
211
  }
214
212
  @media screen and (max-width: 480px) {
215
213
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
216
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
214
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
217
215
  margin: 0 0 0 8px;
218
216
  }
219
217
  }
@@ -225,9 +223,9 @@
225
223
  }
226
224
  @media screen and (max-width: 480px) {
227
225
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
229
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
230
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
226
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
227
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
231
229
  font-size: 12px;
232
230
  }
233
231
  }
@@ -254,7 +252,7 @@
254
252
  }
255
253
  @media screen and (max-width: 480px) {
256
254
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
257
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
255
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
258
256
  margin: 0 0 0 10px;
259
257
  }
260
258
  }
@@ -314,7 +312,7 @@
314
312
  }
315
313
  @media screen and (max-width: 480px) {
316
314
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
317
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
315
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
318
316
  padding: 0 24px;
319
317
  }
320
318
  }
@@ -328,7 +326,7 @@
328
326
  }
329
327
  @media screen and (max-width: 480px) {
330
328
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
331
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
329
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
332
330
  padding-right: 0;
333
331
  }
334
332
  }
@@ -352,8 +350,8 @@
352
350
  }
353
351
  @media screen and (max-width: 480px) {
354
352
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
355
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
356
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
353
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
354
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
357
355
  min-height: 50px;
358
356
  }
359
357
  }
@@ -366,10 +364,10 @@
366
364
  }
367
365
  @media screen and (max-width: 480px) {
368
366
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
369
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
372
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
367
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
368
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
369
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
370
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
373
371
  height: 50px;
374
372
  }
375
373
  }
@@ -382,8 +380,8 @@
382
380
  }
383
381
  @media screen and (max-width: 480px) {
384
382
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
385
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
386
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
383
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
384
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
387
385
  margin: 0;
388
386
  padding-left: 0;
389
387
  padding-right: 0;
@@ -397,7 +395,7 @@
397
395
  }
398
396
  @media screen and (max-width: 480px) {
399
397
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
400
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
398
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
401
399
  padding: 0;
402
400
  }
403
401
  }
@@ -418,7 +416,7 @@
418
416
  }
419
417
  @media screen and (max-width: 480px) {
420
418
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
421
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
419
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
422
420
  font-size: 12px;
423
421
  height: 38px;
424
422
  line-height: 38px;
@@ -442,7 +440,7 @@
442
440
  }
443
441
  @media screen and (max-width: 480px) {
444
442
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
445
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
443
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
446
444
  padding: 0;
447
445
  }
448
446
  }
@@ -457,9 +455,9 @@
457
455
  }
458
456
  @media screen and (max-width: 480px) {
459
457
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
460
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
461
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
462
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
458
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
459
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
460
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
463
461
  font-size: 12px;
464
462
  height: 38px;
465
463
  line-height: 38px;
@@ -477,9 +475,9 @@
477
475
  }
478
476
  @media screen and (max-width: 480px) {
479
477
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
480
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
481
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
482
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
478
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
479
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
480
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
483
481
  font-size: 16px;
484
482
  }
485
483
  }
@@ -548,7 +546,7 @@
548
546
  }
549
547
  @media screen and (max-width: 480px) {
550
548
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
551
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
549
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
552
550
  margin: 0 2px 0 0;
553
551
  }
554
552
  }
@@ -577,7 +575,7 @@
577
575
  }
578
576
  @media screen and (max-width: 480px) {
579
577
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
580
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
578
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
581
579
  margin: 0 2px 0 0;
582
580
  }
583
581
  }
@@ -625,7 +623,7 @@
625
623
  }
626
624
  @media screen and (max-width: 480px) {
627
625
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
628
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
626
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
629
627
  bottom: 0;
630
628
  top: 0;
631
629
  }
@@ -685,28 +683,28 @@
685
683
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
686
684
  height: auto;
687
685
  }
688
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
689
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
686
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
687
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
690
688
  height: 72px;
691
689
  min-height: 72px;
692
690
  }
693
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
694
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
692
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
695
693
  height: 72px;
696
694
  }
697
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
698
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
695
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
696
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
699
697
  height: 72px;
700
698
  }
701
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
702
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
699
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
700
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
703
701
  height: 72px;
704
702
  }
705
703
  @media screen and (max-width: 480px) {
706
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
707
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
708
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
709
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
704
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
705
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
706
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
707
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
710
708
  font-size: 12px;
711
709
  }
712
710
  }
@@ -846,7 +844,7 @@
846
844
  }
847
845
  @media screen and (max-width: 480px) {
848
846
  .e-bigger .e-tab.e-fill .e-tab-header,
849
- .e-tab.e-bigger.e-fill .e-tab-header {
847
+ .e-tab.e-bigger.e-fill .e-tab-header {
850
848
  height: 42px;
851
849
  min-height: 42px;
852
850
  }
@@ -858,7 +856,7 @@
858
856
  }
859
857
  @media screen and (max-width: 480px) {
860
858
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
861
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
859
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
862
860
  min-height: 42px;
863
861
  }
864
862
  }
@@ -877,7 +875,7 @@
877
875
  }
878
876
  @media screen and (max-width: 480px) {
879
877
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
880
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
878
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
881
879
  height: 42px;
882
880
  min-height: 42px;
883
881
  }
@@ -895,7 +893,7 @@
895
893
  }
896
894
  @media screen and (max-width: 480px) {
897
895
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
898
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
896
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
899
897
  height: 42px;
900
898
  padding: 0 20px;
901
899
  }
@@ -906,7 +904,7 @@
906
904
  }
907
905
  @media screen and (max-width: 480px) {
908
906
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
909
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
907
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
910
908
  height: 42px;
911
909
  }
912
910
  }
@@ -924,7 +922,7 @@
924
922
  }
925
923
  @media screen and (max-width: 480px) {
926
924
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
927
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
925
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
928
926
  height: 42px;
929
927
  }
930
928
  }
@@ -935,8 +933,8 @@
935
933
  }
936
934
  @media screen and (max-width: 480px) {
937
935
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
938
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
939
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
936
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
937
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
940
938
  height: 42px;
941
939
  }
942
940
  }
@@ -991,8 +989,8 @@
991
989
  }
992
990
  @media screen and (max-width: 480px) {
993
991
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
994
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
995
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
992
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
993
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
996
994
  height: auto;
997
995
  }
998
996
  }
@@ -1000,8 +998,8 @@
1000
998
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1001
999
  margin: 0 0 0 2px;
1002
1000
  }
1003
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1004
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
1001
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
1002
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1005
1003
  height: 70px;
1006
1004
  min-height: 70px;
1007
1005
  }
@@ -1022,7 +1020,7 @@
1022
1020
  }
1023
1021
  @media screen and (max-width: 480px) {
1024
1022
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1025
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1023
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1026
1024
  padding: 0 20px;
1027
1025
  }
1028
1026
  }
@@ -1062,7 +1060,7 @@
1062
1060
  }
1063
1061
  @media screen and (max-width: 480px) {
1064
1062
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1065
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1063
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1066
1064
  margin: 0 10px 0 0;
1067
1065
  }
1068
1066
  }
@@ -1072,7 +1070,7 @@
1072
1070
  }
1073
1071
  @media screen and (max-width: 480px) {
1074
1072
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1075
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1073
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1076
1074
  margin: 0 8px 0 0;
1077
1075
  }
1078
1076
  }
@@ -1100,7 +1098,7 @@
1100
1098
  }
1101
1099
  @media screen and (max-width: 480px) {
1102
1100
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1103
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1101
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1104
1102
  padding-left: 0;
1105
1103
  }
1106
1104
  }
@@ -1123,8 +1121,8 @@
1123
1121
  }
1124
1122
  @media screen and (max-width: 480px) {
1125
1123
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
1126
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1127
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1124
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1125
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1128
1126
  margin: 0;
1129
1127
  padding-left: 0;
1130
1128
  padding-right: 0;
@@ -1195,13 +1193,10 @@
1195
1193
  margin: 0;
1196
1194
  min-height: 32px;
1197
1195
  position: relative;
1198
- height: 32px;
1199
- min-height: 32px;
1200
1196
  }
1201
1197
  @media screen and (max-width: 480px) {
1202
1198
  .e-tab .e-tab-header .e-toolbar-items {
1203
1199
  min-height: 42px;
1204
- height: 42px;
1205
1200
  }
1206
1201
  }
1207
1202
  .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
@@ -1366,7 +1361,7 @@
1366
1361
  }
1367
1362
  @media screen and (max-width: 480px) {
1368
1363
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1369
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1364
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1370
1365
  font-size: 12px;
1371
1366
  }
1372
1367
  }
@@ -1393,7 +1388,7 @@
1393
1388
  }
1394
1389
  @media screen and (max-width: 480px) {
1395
1390
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1396
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1391
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1397
1392
  font-size: 20px;
1398
1393
  }
1399
1394
  }
@@ -1688,7 +1683,7 @@
1688
1683
  }
1689
1684
  @media screen and (max-width: 480px) {
1690
1685
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1691
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1686
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1692
1687
  font-size: 12px;
1693
1688
  height: 38px;
1694
1689
  line-height: 38px;
@@ -1705,7 +1700,7 @@
1705
1700
  }
1706
1701
  @media screen and (max-width: 480px) {
1707
1702
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1708
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1703
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1709
1704
  font-size: 16px;
1710
1705
  }
1711
1706
  }
@@ -1721,7 +1716,7 @@
1721
1716
  }
1722
1717
  @media screen and (max-width: 480px) {
1723
1718
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1724
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1719
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1725
1720
  line-height: 43px;
1726
1721
  }
1727
1722
  }
@@ -1757,7 +1752,7 @@
1757
1752
  }
1758
1753
  @media screen and (max-width: 480px) {
1759
1754
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1760
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1755
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1761
1756
  line-height: 43px;
1762
1757
  }
1763
1758
  }
@@ -1951,7 +1946,7 @@
1951
1946
  }
1952
1947
  @media screen and (max-width: 480px) {
1953
1948
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1954
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1949
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1955
1950
  font-size: 16px;
1956
1951
  }
1957
1952
  }
@@ -2018,38 +2013,38 @@
2018
2013
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2019
2014
  width: 100%;
2020
2015
  }
2021
- .e-tab.e-vertical-icon .e-tab-header {
2016
+ .e-tab.e-vertical-icon > .e-tab-header {
2022
2017
  height: 62px;
2023
2018
  min-height: 62px;
2024
2019
  }
2025
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2026
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2020
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2021
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2027
2022
  display: none;
2028
2023
  }
2029
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2024
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2030
2025
  height: 62px;
2031
2026
  }
2032
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2027
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2033
2028
  height: 62px;
2034
2029
  }
2035
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2030
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2036
2031
  height: 62px;
2037
2032
  }
2038
2033
  @media screen and (max-width: 480px) {
2039
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2040
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2034
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2035
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2041
2036
  font-size: 12px;
2042
2037
  }
2043
2038
  }
2044
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2045
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2039
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2040
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2046
2041
  display: none;
2047
2042
  }
2048
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2049
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2043
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2044
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2050
2045
  position: relative;
2051
2046
  }
2052
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2047
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2053
2048
  height: 16px;
2054
2049
  }
2055
2050
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
@@ -2375,7 +2370,7 @@
2375
2370
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2376
2371
  margin: 0 0 0 2px;
2377
2372
  }
2378
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2373
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2379
2374
  height: 60px;
2380
2375
  min-height: 60px;
2381
2376
  }
@@ -2576,7 +2571,7 @@
2576
2571
  }
2577
2572
  @media screen and (max-width: 480px) {
2578
2573
  .e-tab-clone-element .e-close-icon,
2579
- .e-tab-clone-element .e-close-icon::before {
2574
+ .e-tab-clone-element .e-close-icon::before {
2580
2575
  font-size: 12px;
2581
2576
  }
2582
2577
  }
@@ -2603,7 +2598,7 @@
2603
2598
  }
2604
2599
  @media screen and (max-width: 480px) {
2605
2600
  .e-tab-clone-element .e-tab-icon,
2606
- .e-tab-clone-element .e-tab-icon::before {
2601
+ .e-tab-clone-element .e-tab-icon::before {
2607
2602
  font-size: 20px;
2608
2603
  }
2609
2604
  }
@@ -2755,7 +2750,7 @@
2755
2750
  }
2756
2751
  @media screen and (max-width: 480px) {
2757
2752
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2758
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2753
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2759
2754
  font-size: 12px;
2760
2755
  }
2761
2756
  }