@syncfusion/ej2-navigations 20.3.56 → 20.3.58

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 (60) hide show
  1. package/CHANGELOG.md +18 -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 +46 -22
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +46 -22
  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 +8 -8
  13. package/src/carousel/carousel.js +8 -3
  14. package/src/treeview/treeview.js +38 -19
  15. package/styles/bootstrap-dark.css +97 -102
  16. package/styles/bootstrap.css +97 -102
  17. package/styles/bootstrap4.css +97 -102
  18. package/styles/bootstrap5-dark.css +97 -102
  19. package/styles/bootstrap5.css +97 -102
  20. package/styles/fabric-dark.css +108 -108
  21. package/styles/fabric.css +108 -108
  22. package/styles/fluent-dark.css +97 -101
  23. package/styles/fluent.css +97 -101
  24. package/styles/highcontrast-light.css +108 -108
  25. package/styles/highcontrast.css +108 -108
  26. package/styles/material-dark.css +95 -95
  27. package/styles/material.css +95 -95
  28. package/styles/pager/bootstrap-dark.css +9 -9
  29. package/styles/pager/bootstrap.css +9 -9
  30. package/styles/pager/bootstrap4.css +9 -9
  31. package/styles/pager/bootstrap5-dark.css +9 -9
  32. package/styles/pager/bootstrap5.css +9 -9
  33. package/styles/pager/fabric-dark.css +9 -9
  34. package/styles/pager/fabric.css +9 -9
  35. package/styles/pager/fluent-dark.css +9 -9
  36. package/styles/pager/fluent.css +9 -9
  37. package/styles/pager/highcontrast-light.css +9 -9
  38. package/styles/pager/highcontrast.css +9 -9
  39. package/styles/pager/material-dark.css +9 -9
  40. package/styles/pager/material.css +9 -9
  41. package/styles/pager/tailwind-dark.css +9 -9
  42. package/styles/pager/tailwind.css +9 -9
  43. package/styles/tab/_layout.scss +6 -19
  44. package/styles/tab/bootstrap-dark.css +88 -93
  45. package/styles/tab/bootstrap.css +88 -93
  46. package/styles/tab/bootstrap4.css +88 -93
  47. package/styles/tab/bootstrap5-dark.css +88 -93
  48. package/styles/tab/bootstrap5.css +88 -93
  49. package/styles/tab/fabric-dark.css +99 -99
  50. package/styles/tab/fabric.css +99 -99
  51. package/styles/tab/fluent-dark.css +88 -92
  52. package/styles/tab/fluent.css +88 -92
  53. package/styles/tab/highcontrast-light.css +99 -99
  54. package/styles/tab/highcontrast.css +99 -99
  55. package/styles/tab/material-dark.css +86 -86
  56. package/styles/tab/material.css +86 -86
  57. package/styles/tab/tailwind-dark.css +86 -86
  58. package/styles/tab/tailwind.css +86 -86
  59. package/styles/tailwind-dark.css +95 -95
  60. package/styles/tailwind.css +95 -95
package/styles/tab/fluent-dark.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: 48px;
92
- min-height: 48px;
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
  }
@@ -119,7 +117,7 @@
119
117
  }
120
118
  @media screen and (max-width: 480px) {
121
119
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
122
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
120
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
123
121
  margin: 0 2px 0 0;
124
122
  }
125
123
  }
@@ -142,7 +140,7 @@
142
140
  }
143
141
  @media screen and (max-width: 480px) {
144
142
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
145
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
143
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
146
144
  margin: 0 8px 0 0;
147
145
  }
148
146
  }
@@ -159,7 +157,7 @@
159
157
  }
160
158
  @media screen and (max-width: 480px) {
161
159
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
162
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
160
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
163
161
  padding: 0 15px;
164
162
  }
165
163
  }
@@ -178,7 +176,7 @@
178
176
  }
179
177
  @media screen and (max-width: 480px) {
180
178
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
181
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
179
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
182
180
  margin: 0 2px 0 0;
183
181
  }
184
182
  }
@@ -203,7 +201,7 @@
203
201
  }
204
202
  @media screen and (max-width: 480px) {
205
203
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
206
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
204
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
207
205
  margin: 0 0 0 8px;
208
206
  }
209
207
  }
@@ -215,9 +213,9 @@
215
213
  }
216
214
  @media screen and (max-width: 480px) {
217
215
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
218
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
219
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
220
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
216
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
217
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
218
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
221
219
  font-size: 12px;
222
220
  }
223
221
  }
@@ -243,7 +241,7 @@
243
241
  }
244
242
  @media screen and (max-width: 480px) {
245
243
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
246
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
244
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
247
245
  margin: 0 0 0 10px;
248
246
  }
249
247
  }
@@ -253,7 +251,7 @@
253
251
  }
254
252
  @media screen and (max-width: 480px) {
255
253
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
256
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
254
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
257
255
  margin: 0 0 0 10px;
258
256
  }
259
257
  }
@@ -313,7 +311,7 @@
313
311
  }
314
312
  @media screen and (max-width: 480px) {
315
313
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
316
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
314
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
317
315
  padding: 0 24px;
318
316
  }
319
317
  }
@@ -327,7 +325,7 @@
327
325
  }
328
326
  @media screen and (max-width: 480px) {
329
327
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
330
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
328
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
331
329
  padding-right: 0;
332
330
  }
333
331
  }
@@ -351,8 +349,8 @@
351
349
  }
352
350
  @media screen and (max-width: 480px) {
353
351
  .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),
354
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
355
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
352
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
353
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
356
354
  min-height: 50px;
357
355
  }
358
356
  }
@@ -365,10 +363,10 @@
365
363
  }
366
364
  @media screen and (max-width: 480px) {
367
365
  .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,
368
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
369
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
366
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
367
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
368
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
369
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
372
370
  height: 50px;
373
371
  }
374
372
  }
@@ -381,8 +379,8 @@
381
379
  }
382
380
  @media screen and (max-width: 480px) {
383
381
  .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,
384
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
385
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
382
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
383
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
386
384
  margin: 0;
387
385
  padding-left: 0;
388
386
  padding-right: 0;
@@ -396,7 +394,7 @@
396
394
  }
397
395
  @media screen and (max-width: 480px) {
398
396
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
399
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
397
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
400
398
  padding: 0;
401
399
  }
402
400
  }
@@ -417,7 +415,7 @@
417
415
  }
418
416
  @media screen and (max-width: 480px) {
419
417
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
420
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
418
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
421
419
  font-size: 12px;
422
420
  height: 38px;
423
421
  line-height: 38px;
@@ -441,7 +439,7 @@
441
439
  }
442
440
  @media screen and (max-width: 480px) {
443
441
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
444
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
442
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
445
443
  padding: 0;
446
444
  }
447
445
  }
@@ -456,9 +454,9 @@
456
454
  }
457
455
  @media screen and (max-width: 480px) {
458
456
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
459
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
460
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
461
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
457
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
458
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
459
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
462
460
  font-size: 12px;
463
461
  height: 38px;
464
462
  line-height: 38px;
@@ -476,9 +474,9 @@
476
474
  }
477
475
  @media screen and (max-width: 480px) {
478
476
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
479
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
480
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
481
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
477
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
478
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
479
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
482
480
  font-size: 16px;
483
481
  }
484
482
  }
@@ -525,7 +523,7 @@
525
523
  }
526
524
  @media screen and (max-width: 480px) {
527
525
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
528
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
526
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
529
527
  margin: 0 2px 0 0;
530
528
  }
531
529
  }
@@ -540,7 +538,7 @@
540
538
  }
541
539
  @media screen and (max-width: 480px) {
542
540
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
543
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
541
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
544
542
  margin: 0 2px 0 0;
545
543
  }
546
544
  }
@@ -580,7 +578,7 @@
580
578
  }
581
579
  @media screen and (max-width: 480px) {
582
580
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
583
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
581
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
584
582
  bottom: 0;
585
583
  top: 0;
586
584
  }
@@ -640,28 +638,28 @@
640
638
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
641
639
  height: auto;
642
640
  }
643
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
644
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
641
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
642
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
645
643
  height: 72px;
646
644
  min-height: 72px;
647
645
  }
648
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
649
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
646
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
647
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
650
648
  height: 72px;
651
649
  }
652
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
653
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
650
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
651
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
654
652
  height: 72px;
655
653
  }
656
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
657
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
654
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
655
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
658
656
  height: 72px;
659
657
  }
660
658
  @media screen and (max-width: 480px) {
661
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
662
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
663
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
664
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
659
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
660
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
661
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
662
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
665
663
  font-size: 12px;
666
664
  }
667
665
  }
@@ -785,7 +783,7 @@
785
783
  }
786
784
  @media screen and (max-width: 480px) {
787
785
  .e-bigger .e-tab.e-fill .e-tab-header,
788
- .e-tab.e-bigger.e-fill .e-tab-header {
786
+ .e-tab.e-bigger.e-fill .e-tab-header {
789
787
  height: 42px;
790
788
  min-height: 42px;
791
789
  }
@@ -797,7 +795,7 @@
797
795
  }
798
796
  @media screen and (max-width: 480px) {
799
797
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
800
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
798
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
801
799
  min-height: 42px;
802
800
  }
803
801
  }
@@ -816,7 +814,7 @@
816
814
  }
817
815
  @media screen and (max-width: 480px) {
818
816
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
819
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
817
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
820
818
  height: 42px;
821
819
  min-height: 42px;
822
820
  }
@@ -834,7 +832,7 @@
834
832
  }
835
833
  @media screen and (max-width: 480px) {
836
834
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
837
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
835
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
838
836
  height: 42px;
839
837
  padding: 0 20px;
840
838
  }
@@ -845,7 +843,7 @@
845
843
  }
846
844
  @media screen and (max-width: 480px) {
847
845
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
848
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
846
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
849
847
  height: 42px;
850
848
  }
851
849
  }
@@ -863,7 +861,7 @@
863
861
  }
864
862
  @media screen and (max-width: 480px) {
865
863
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
866
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
864
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
867
865
  height: 42px;
868
866
  }
869
867
  }
@@ -874,8 +872,8 @@
874
872
  }
875
873
  @media screen and (max-width: 480px) {
876
874
  .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,
877
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
878
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
875
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
876
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
879
877
  height: 42px;
880
878
  }
881
879
  }
@@ -930,8 +928,8 @@
930
928
  }
931
929
  @media screen and (max-width: 480px) {
932
930
  .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,
933
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
934
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
931
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
932
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
935
933
  height: auto;
936
934
  }
937
935
  }
@@ -939,8 +937,8 @@
939
937
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
940
938
  margin: 0;
941
939
  }
942
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
943
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
940
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
941
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
944
942
  height: 70px;
945
943
  min-height: 70px;
946
944
  }
@@ -961,7 +959,7 @@
961
959
  }
962
960
  @media screen and (max-width: 480px) {
963
961
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
964
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
962
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
965
963
  padding: 0 20px;
966
964
  }
967
965
  }
@@ -1001,7 +999,7 @@
1001
999
  }
1002
1000
  @media screen and (max-width: 480px) {
1003
1001
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1004
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1002
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1005
1003
  margin: 0 10px 0 0;
1006
1004
  }
1007
1005
  }
@@ -1011,7 +1009,7 @@
1011
1009
  }
1012
1010
  @media screen and (max-width: 480px) {
1013
1011
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1014
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1012
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1015
1013
  margin: 0 10px 0 0;
1016
1014
  }
1017
1015
  }
@@ -1021,7 +1019,7 @@
1021
1019
  }
1022
1020
  @media screen and (max-width: 480px) {
1023
1021
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1024
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1022
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1025
1023
  margin: 0 8px 0 0;
1026
1024
  }
1027
1025
  }
@@ -1049,7 +1047,7 @@
1049
1047
  }
1050
1048
  @media screen and (max-width: 480px) {
1051
1049
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1052
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1050
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1053
1051
  padding-left: 0;
1054
1052
  }
1055
1053
  }
@@ -1072,8 +1070,8 @@
1072
1070
  }
1073
1071
  @media screen and (max-width: 480px) {
1074
1072
  .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,
1075
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1076
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1073
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1074
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1077
1075
  margin: 0;
1078
1076
  padding-left: 0;
1079
1077
  padding-right: 0;
@@ -1143,8 +1141,6 @@
1143
1141
  margin: 0;
1144
1142
  min-height: 44px;
1145
1143
  position: relative;
1146
- height: 44px;
1147
- min-height: 44px;
1148
1144
  }
1149
1145
  @media screen and (max-width: 480px) {
1150
1146
  .e-tab .e-tab-header .e-toolbar-items {
@@ -1329,7 +1325,7 @@
1329
1325
  }
1330
1326
  @media screen and (max-width: 480px) {
1331
1327
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1332
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1328
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1333
1329
  font-size: 12px;
1334
1330
  }
1335
1331
  }
@@ -1355,7 +1351,7 @@
1355
1351
  }
1356
1352
  @media screen and (max-width: 480px) {
1357
1353
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1358
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1354
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1359
1355
  font-size: 20px;
1360
1356
  }
1361
1357
  }
@@ -1658,7 +1654,7 @@
1658
1654
  }
1659
1655
  @media screen and (max-width: 480px) {
1660
1656
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1661
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1657
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1662
1658
  font-size: 12px;
1663
1659
  height: 38px;
1664
1660
  line-height: 38px;
@@ -1675,7 +1671,7 @@
1675
1671
  }
1676
1672
  @media screen and (max-width: 480px) {
1677
1673
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1678
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1674
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1679
1675
  font-size: 16px;
1680
1676
  }
1681
1677
  }
@@ -1969,7 +1965,7 @@
1969
1965
  }
1970
1966
  @media screen and (max-width: 480px) {
1971
1967
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1972
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1968
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1973
1969
  font-size: 16px;
1974
1970
  }
1975
1971
  }
@@ -2036,38 +2032,38 @@
2036
2032
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2037
2033
  width: 100%;
2038
2034
  }
2039
- .e-tab.e-vertical-icon .e-tab-header {
2035
+ .e-tab.e-vertical-icon > .e-tab-header {
2040
2036
  height: 62px;
2041
2037
  min-height: 62px;
2042
2038
  }
2043
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2044
- .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 {
2039
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2040
+ .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 {
2045
2041
  display: none;
2046
2042
  }
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2043
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2048
2044
  height: 62px;
2049
2045
  }
2050
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2046
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2051
2047
  height: 62px;
2052
2048
  }
2053
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2049
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2054
2050
  height: 62px;
2055
2051
  }
2056
2052
  @media screen and (max-width: 480px) {
2057
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2058
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2053
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2054
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2059
2055
  font-size: 12px;
2060
2056
  }
2061
2057
  }
2062
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2063
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2058
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2059
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2064
2060
  display: none;
2065
2061
  }
2066
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2067
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2062
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2063
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2068
2064
  position: relative;
2069
2065
  }
2070
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2066
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2071
2067
  height: 16px;
2072
2068
  }
2073
2069
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2387,7 +2383,7 @@
2387
2383
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2388
2384
  margin: 0;
2389
2385
  }
2390
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2386
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2391
2387
  height: 60px;
2392
2388
  min-height: 60px;
2393
2389
  }
@@ -2576,7 +2572,7 @@
2576
2572
  }
2577
2573
  @media screen and (max-width: 480px) {
2578
2574
  .e-tab-clone-element .e-close-icon,
2579
- .e-tab-clone-element .e-close-icon::before {
2575
+ .e-tab-clone-element .e-close-icon::before {
2580
2576
  font-size: 12px;
2581
2577
  }
2582
2578
  }
@@ -2602,7 +2598,7 @@
2602
2598
  }
2603
2599
  @media screen and (max-width: 480px) {
2604
2600
  .e-tab-clone-element .e-tab-icon,
2605
- .e-tab-clone-element .e-tab-icon::before {
2601
+ .e-tab-clone-element .e-tab-icon::before {
2606
2602
  font-size: 20px;
2607
2603
  }
2608
2604
  }
@@ -2762,7 +2758,7 @@
2762
2758
  }
2763
2759
  @media screen and (max-width: 480px) {
2764
2760
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2765
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2761
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2766
2762
  font-size: 12px;
2767
2763
  }
2768
2764
  }