@syncfusion/ej2-angular-navigations 19.4.53 → 20.1.47

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 (232) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +330 -68
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +310 -68
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +35 -2
  6. package/README.md +16 -1
  7. package/dist/ej2-angular-navigations.umd.js +343 -72
  8. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  9. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  10. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  11. package/ej2-angular-navigations.d.ts +5 -4
  12. package/ej2-angular-navigations.metadata.json +1 -1
  13. package/package.json +12 -9
  14. package/postinstall/tagchange.js +1 -1
  15. package/schematics/utils/lib-details.d.ts +3 -3
  16. package/schematics/utils/lib-details.js +3 -3
  17. package/schematics/utils/lib-details.ts +3 -3
  18. package/src/carousel/carousel-all.module.d.ts +5 -0
  19. package/src/carousel/carousel.component.d.ts +58 -0
  20. package/src/carousel/carousel.module.d.ts +5 -0
  21. package/src/carousel/items.directive.d.ts +46 -0
  22. package/src/index.d.ts +4 -0
  23. package/styles/accordion/bootstrap-dark.css +48 -63
  24. package/styles/accordion/bootstrap.css +48 -63
  25. package/styles/accordion/bootstrap4.css +48 -63
  26. package/styles/accordion/bootstrap5-dark.css +51 -66
  27. package/styles/accordion/bootstrap5.css +51 -66
  28. package/styles/accordion/fabric-dark.css +50 -65
  29. package/styles/accordion/fabric.css +50 -65
  30. package/styles/accordion/fluent-dark.css +395 -0
  31. package/styles/accordion/fluent-dark.scss +1 -0
  32. package/styles/accordion/fluent.css +395 -0
  33. package/styles/accordion/fluent.scss +1 -0
  34. package/styles/accordion/highcontrast-light.css +49 -64
  35. package/styles/accordion/highcontrast.css +49 -64
  36. package/styles/accordion/material-dark.css +49 -64
  37. package/styles/accordion/material.css +49 -64
  38. package/styles/accordion/tailwind-dark.css +52 -67
  39. package/styles/accordion/tailwind.css +52 -67
  40. package/styles/bootstrap-dark.css +310 -69
  41. package/styles/bootstrap-dark.scss +1 -0
  42. package/styles/bootstrap.css +310 -69
  43. package/styles/bootstrap.scss +1 -0
  44. package/styles/bootstrap4.css +310 -69
  45. package/styles/bootstrap4.scss +1 -0
  46. package/styles/bootstrap5-dark.css +415 -171
  47. package/styles/bootstrap5-dark.scss +1 -0
  48. package/styles/bootstrap5.css +415 -171
  49. package/styles/bootstrap5.scss +1 -0
  50. package/styles/breadcrumb/bootstrap-dark.css +10 -2
  51. package/styles/breadcrumb/bootstrap.css +10 -2
  52. package/styles/breadcrumb/bootstrap4.css +10 -2
  53. package/styles/breadcrumb/bootstrap5-dark.css +12 -4
  54. package/styles/breadcrumb/bootstrap5.css +12 -4
  55. package/styles/breadcrumb/fabric-dark.css +10 -4
  56. package/styles/breadcrumb/fabric.css +10 -4
  57. package/styles/breadcrumb/fluent-dark.css +444 -0
  58. package/styles/breadcrumb/fluent-dark.scss +1 -0
  59. package/styles/breadcrumb/fluent.css +444 -0
  60. package/styles/breadcrumb/fluent.scss +1 -0
  61. package/styles/breadcrumb/highcontrast-light.css +10 -4
  62. package/styles/breadcrumb/highcontrast.css +10 -4
  63. package/styles/breadcrumb/material-dark.css +10 -2
  64. package/styles/breadcrumb/material.css +10 -2
  65. package/styles/breadcrumb/tailwind-dark.css +21 -4
  66. package/styles/breadcrumb/tailwind.css +27 -10
  67. package/styles/carousel/bootstrap-dark.css +236 -0
  68. package/styles/carousel/bootstrap-dark.scss +1 -0
  69. package/styles/carousel/bootstrap.css +236 -0
  70. package/styles/carousel/bootstrap.scss +1 -0
  71. package/styles/carousel/bootstrap4.css +236 -0
  72. package/styles/carousel/bootstrap4.scss +1 -0
  73. package/styles/carousel/bootstrap5-dark.css +236 -0
  74. package/styles/carousel/bootstrap5-dark.scss +1 -0
  75. package/styles/carousel/bootstrap5.css +236 -0
  76. package/styles/carousel/bootstrap5.scss +1 -0
  77. package/styles/carousel/fabric-dark.css +236 -0
  78. package/styles/carousel/fabric-dark.scss +1 -0
  79. package/styles/carousel/fabric.css +236 -0
  80. package/styles/carousel/fabric.scss +1 -0
  81. package/styles/carousel/fluent-dark.css +236 -0
  82. package/styles/carousel/fluent-dark.scss +1 -0
  83. package/styles/carousel/fluent.css +236 -0
  84. package/styles/carousel/fluent.scss +1 -0
  85. package/styles/carousel/highcontrast-light.css +236 -0
  86. package/styles/carousel/highcontrast-light.scss +1 -0
  87. package/styles/carousel/highcontrast.css +236 -0
  88. package/styles/carousel/highcontrast.scss +1 -0
  89. package/styles/carousel/material-dark.css +237 -0
  90. package/styles/carousel/material-dark.scss +1 -0
  91. package/styles/carousel/material.css +237 -0
  92. package/styles/carousel/material.scss +1 -0
  93. package/styles/carousel/tailwind-dark.css +237 -0
  94. package/styles/carousel/tailwind-dark.scss +1 -0
  95. package/styles/carousel/tailwind.css +237 -0
  96. package/styles/carousel/tailwind.scss +1 -0
  97. package/styles/context-menu/bootstrap-dark.css +5 -0
  98. package/styles/context-menu/bootstrap.css +5 -0
  99. package/styles/context-menu/bootstrap4.css +5 -0
  100. package/styles/context-menu/bootstrap5-dark.css +16 -8
  101. package/styles/context-menu/bootstrap5.css +16 -8
  102. package/styles/context-menu/fabric-dark.css +5 -0
  103. package/styles/context-menu/fabric.css +5 -0
  104. package/styles/context-menu/fluent-dark.css +388 -0
  105. package/styles/context-menu/fluent-dark.scss +1 -0
  106. package/styles/context-menu/fluent.css +388 -0
  107. package/styles/context-menu/fluent.scss +1 -0
  108. package/styles/context-menu/highcontrast-light.css +5 -0
  109. package/styles/context-menu/highcontrast.css +5 -0
  110. package/styles/context-menu/material-dark.css +5 -0
  111. package/styles/context-menu/material.css +5 -0
  112. package/styles/context-menu/tailwind-dark.css +11 -4
  113. package/styles/context-menu/tailwind.css +11 -4
  114. package/styles/fabric-dark.css +312 -73
  115. package/styles/fabric-dark.scss +1 -0
  116. package/styles/fabric.css +312 -73
  117. package/styles/fabric.scss +1 -0
  118. package/styles/fluent-dark.css +10263 -0
  119. package/styles/fluent-dark.scss +11 -0
  120. package/styles/fluent.css +10263 -0
  121. package/styles/fluent.scss +11 -0
  122. package/styles/h-scroll/bootstrap-dark.css +0 -1
  123. package/styles/h-scroll/bootstrap.css +0 -1
  124. package/styles/h-scroll/bootstrap4.css +0 -1
  125. package/styles/h-scroll/bootstrap5-dark.css +10 -11
  126. package/styles/h-scroll/bootstrap5.css +10 -11
  127. package/styles/h-scroll/fabric-dark.css +0 -1
  128. package/styles/h-scroll/fabric.css +0 -1
  129. package/styles/h-scroll/fluent-dark.css +326 -0
  130. package/styles/h-scroll/fluent-dark.scss +1 -0
  131. package/styles/h-scroll/fluent.css +326 -0
  132. package/styles/h-scroll/fluent.scss +1 -0
  133. package/styles/h-scroll/highcontrast-light.css +0 -1
  134. package/styles/h-scroll/highcontrast.css +0 -1
  135. package/styles/h-scroll/material-dark.css +3 -4
  136. package/styles/h-scroll/material.css +0 -1
  137. package/styles/h-scroll/tailwind-dark.css +8 -9
  138. package/styles/h-scroll/tailwind.css +8 -9
  139. package/styles/highcontrast-light.css +311 -72
  140. package/styles/highcontrast-light.scss +1 -0
  141. package/styles/highcontrast.css +312 -73
  142. package/styles/highcontrast.scss +1 -0
  143. package/styles/material-dark.css +314 -73
  144. package/styles/material-dark.scss +1 -0
  145. package/styles/material.css +311 -70
  146. package/styles/material.scss +1 -0
  147. package/styles/menu/bootstrap-dark.css +1 -2
  148. package/styles/menu/bootstrap.css +1 -2
  149. package/styles/menu/bootstrap4.css +1 -2
  150. package/styles/menu/bootstrap5-dark.css +23 -24
  151. package/styles/menu/bootstrap5.css +23 -24
  152. package/styles/menu/fabric-dark.css +1 -2
  153. package/styles/menu/fabric.css +1 -2
  154. package/styles/menu/fluent-dark.css +1261 -0
  155. package/styles/menu/fluent-dark.scss +1 -0
  156. package/styles/menu/fluent.css +1261 -0
  157. package/styles/menu/fluent.scss +1 -0
  158. package/styles/menu/highcontrast-light.css +1 -2
  159. package/styles/menu/highcontrast.css +1 -2
  160. package/styles/menu/material-dark.css +1 -2
  161. package/styles/menu/material.css +1 -2
  162. package/styles/menu/tailwind-dark.css +18 -18
  163. package/styles/menu/tailwind.css +18 -18
  164. package/styles/sidebar/bootstrap-dark.css +4 -0
  165. package/styles/sidebar/bootstrap.css +4 -0
  166. package/styles/sidebar/bootstrap4.css +4 -0
  167. package/styles/sidebar/bootstrap5-dark.css +4 -0
  168. package/styles/sidebar/bootstrap5.css +4 -0
  169. package/styles/sidebar/fabric-dark.css +4 -0
  170. package/styles/sidebar/fabric.css +4 -0
  171. package/styles/sidebar/fluent-dark.css +158 -0
  172. package/styles/sidebar/fluent-dark.scss +1 -0
  173. package/styles/sidebar/fluent.css +158 -0
  174. package/styles/sidebar/fluent.scss +1 -0
  175. package/styles/sidebar/highcontrast-light.css +4 -0
  176. package/styles/sidebar/highcontrast.css +4 -0
  177. package/styles/sidebar/material-dark.css +4 -0
  178. package/styles/sidebar/material.css +4 -0
  179. package/styles/sidebar/tailwind-dark.css +4 -0
  180. package/styles/sidebar/tailwind.css +4 -0
  181. package/styles/tab/bootstrap-dark.css +1 -1
  182. package/styles/tab/bootstrap.css +1 -1
  183. package/styles/tab/bootstrap4.css +1 -1
  184. package/styles/tab/bootstrap5-dark.css +23 -23
  185. package/styles/tab/bootstrap5.css +23 -23
  186. package/styles/tab/fabric-dark.css +1 -1
  187. package/styles/tab/fabric.css +1 -1
  188. package/styles/tab/fluent-dark.css +4394 -0
  189. package/styles/tab/fluent-dark.scss +1 -0
  190. package/styles/tab/fluent.css +4394 -0
  191. package/styles/tab/fluent.scss +1 -0
  192. package/styles/tab/highcontrast-light.css +1 -1
  193. package/styles/tab/highcontrast.css +2 -2
  194. package/styles/tab/material-dark.css +1 -1
  195. package/styles/tab/material.css +1 -1
  196. package/styles/tab/tailwind-dark.css +43 -45
  197. package/styles/tab/tailwind.css +43 -45
  198. package/styles/tailwind-dark.css +422 -171
  199. package/styles/tailwind-dark.scss +1 -0
  200. package/styles/tailwind.css +428 -177
  201. package/styles/tailwind.scss +1 -0
  202. package/styles/toolbar/bootstrap-dark.css +4 -0
  203. package/styles/toolbar/bootstrap.css +4 -0
  204. package/styles/toolbar/bootstrap4.css +4 -0
  205. package/styles/toolbar/bootstrap5-dark.css +35 -31
  206. package/styles/toolbar/bootstrap5.css +35 -31
  207. package/styles/toolbar/fabric-dark.css +4 -0
  208. package/styles/toolbar/fabric.css +4 -0
  209. package/styles/toolbar/fluent-dark.css +1365 -0
  210. package/styles/toolbar/fluent-dark.scss +1 -0
  211. package/styles/toolbar/fluent.css +1365 -0
  212. package/styles/toolbar/fluent.scss +1 -0
  213. package/styles/toolbar/highcontrast-light.css +4 -0
  214. package/styles/toolbar/highcontrast.css +4 -0
  215. package/styles/toolbar/material-dark.css +4 -0
  216. package/styles/toolbar/material.css +4 -0
  217. package/styles/toolbar/tailwind-dark.css +10 -6
  218. package/styles/toolbar/tailwind.css +10 -6
  219. package/styles/treeview/bootstrap5-dark.css +4 -4
  220. package/styles/treeview/bootstrap5.css +4 -4
  221. package/styles/treeview/fluent-dark.css +1039 -0
  222. package/styles/treeview/fluent-dark.scss +1 -0
  223. package/styles/treeview/fluent.css +1039 -0
  224. package/styles/treeview/fluent.scss +1 -0
  225. package/styles/treeview/tailwind-dark.css +13 -14
  226. package/styles/treeview/tailwind.css +13 -14
  227. package/styles/v-scroll/fluent-dark.css +247 -0
  228. package/styles/v-scroll/fluent-dark.scss +1 -0
  229. package/styles/v-scroll/fluent.css +247 -0
  230. package/styles/v-scroll/fluent.scss +1 -0
  231. package/styles/v-scroll/tailwind-dark.css +4 -4
  232. package/styles/v-scroll/tailwind.css +4 -4
@@ -0,0 +1 @@
1
+ @import 'ej2-navigations/styles/tab/fluent.scss';
@@ -2437,7 +2437,7 @@
2437
2437
  }
2438
2438
 
2439
2439
  .e-tab .e-content.e-progress {
2440
- overflow-x: hidden;
2440
+ overflow: hidden;
2441
2441
  }
2442
2442
 
2443
2443
  .e-tab.e-vertical-tab .e-content {
@@ -2442,7 +2442,7 @@
2442
2442
  }
2443
2443
 
2444
2444
  .e-tab .e-content.e-progress {
2445
- overflow-x: hidden;
2445
+ overflow: hidden;
2446
2446
  }
2447
2447
 
2448
2448
  .e-tab.e-vertical-tab .e-content {
@@ -3498,7 +3498,7 @@
3498
3498
 
3499
3499
  /*! tab theme */
3500
3500
  .e-tab {
3501
- background: #000;
3501
+ background: transparent;
3502
3502
  border: 1px solid #969696;
3503
3503
  }
3504
3504
 
@@ -2302,7 +2302,7 @@
2302
2302
  }
2303
2303
 
2304
2304
  .e-tab .e-content.e-progress {
2305
- overflow-x: hidden;
2305
+ overflow: hidden;
2306
2306
  }
2307
2307
 
2308
2308
  .e-tab.e-vertical-tab .e-content {
@@ -2308,7 +2308,7 @@
2308
2308
  }
2309
2309
 
2310
2310
  .e-tab .e-content.e-progress {
2311
- overflow-x: hidden;
2311
+ overflow: hidden;
2312
2312
  }
2313
2313
 
2314
2314
  .e-tab.e-vertical-tab .e-content {
@@ -26,61 +26,61 @@
26
26
  /*! Vertical Tab */
27
27
  /*! tab icons */
28
28
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
29
- content: '\e707';
29
+ content: '\e748';
30
30
  }
31
31
 
32
32
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
33
- content: '\e761';
33
+ content: '\e765';
34
34
  }
35
35
 
36
36
  .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
37
- content: '\e761';
37
+ content: '\e765';
38
38
  }
39
39
 
40
40
  .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
41
- content: '\e707';
41
+ content: '\e748';
42
42
  }
43
43
 
44
44
  .e-tab .e-tab-header .e-close-icon::before {
45
- content: '\e771';
45
+ content: '\e7e7';
46
46
  position: relative;
47
47
  }
48
48
 
49
49
  .e-tab .e-tab-header .e-popup-up-icon::before {
50
- content: '\e7a0';
50
+ content: '\e776';
51
51
  }
52
52
 
53
53
  @media screen and (max-width: 480px) {
54
54
  .e-tab .e-tab-header .e-popup-up-icon::before {
55
- content: '\e75b';
55
+ content: '\e770';
56
56
  }
57
57
  }
58
58
 
59
59
  .e-tab .e-tab-header .e-popup-down-icon::before {
60
- content: '\e7b3';
60
+ content: '\e729';
61
61
  }
62
62
 
63
63
  @media screen and (max-width: 480px) {
64
64
  .e-tab .e-tab-header .e-popup-down-icon::before {
65
- content: '\e75b';
65
+ content: '\e770';
66
66
  }
67
67
  }
68
68
 
69
69
  @media screen and (max-width: 480px) {
70
70
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
71
- content: '\e7a0';
71
+ content: '\e776';
72
72
  }
73
73
  .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before {
74
- content: '\e7b3';
74
+ content: '\e729';
75
75
  }
76
76
  }
77
77
 
78
78
  .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
79
- content: '\e752';
79
+ content: '\e776';
80
80
  }
81
81
 
82
82
  .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
83
- content: '\e706';
83
+ content: '\e729';
84
84
  }
85
85
 
86
86
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after {
91
- content: '\e7a0';
91
+ content: '\e776';
92
92
  }
93
93
 
94
94
  .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
@@ -96,7 +96,7 @@
96
96
  }
97
97
 
98
98
  .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
99
- content: '\e7b3';
99
+ content: '\e729';
100
100
  }
101
101
 
102
102
  .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
@@ -104,7 +104,7 @@
104
104
  }
105
105
 
106
106
  .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
107
- content: '\e7a0';
107
+ content: '\e776';
108
108
  }
109
109
 
110
110
  .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
@@ -112,11 +112,11 @@
112
112
  }
113
113
 
114
114
  .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
115
- content: '\e7b3';
115
+ content: '\e729';
116
116
  }
117
117
 
118
118
  .e-tab-clone-element .e-close-icon::before {
119
- content: '\e771';
119
+ content: '\e7e7';
120
120
  position: relative;
121
121
  }
122
122
 
@@ -189,7 +189,7 @@
189
189
  margin: 0;
190
190
  min-height: 48px;
191
191
  min-width: auto;
192
- padding: 0 12px;
192
+ padding: 0 8px;
193
193
  }
194
194
 
195
195
  @media screen and (max-width: 480px) {
@@ -209,7 +209,7 @@
209
209
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
210
210
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
211
211
  height: 48px;
212
- padding: 0 36px;
212
+ padding: 0 12px;
213
213
  }
214
214
 
215
215
  @media screen and (max-width: 480px) {
@@ -263,7 +263,7 @@
263
263
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
264
264
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
265
265
  cursor: pointer;
266
- margin: 0 0 0 12px;
266
+ margin: 0 8px 0 12px;
267
267
  }
268
268
 
269
269
  @media screen and (max-width: 480px) {
@@ -753,7 +753,7 @@
753
753
 
754
754
  .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav,
755
755
  .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav {
756
- padding: 0 36px;
756
+ padding: 0 12px;
757
757
  }
758
758
 
759
759
  .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -1321,7 +1321,7 @@
1321
1321
 
1322
1322
  .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav,
1323
1323
  .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-hor-nav {
1324
- padding: 0 36px;
1324
+ padding: 0 12px;
1325
1325
  }
1326
1326
 
1327
1327
  .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after,
@@ -1441,13 +1441,11 @@
1441
1441
 
1442
1442
  .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
1443
1443
  bottom: 0;
1444
- height: 1px;
1444
+ height: 2px;
1445
1445
  left: 0;
1446
1446
  right: 0;
1447
1447
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1448
1448
  border-radius: 2px;
1449
- bottom: -1px;
1450
- height: 2px;
1451
1449
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
1452
1450
  }
1453
1451
 
@@ -1460,7 +1458,7 @@
1460
1458
  margin: 0;
1461
1459
  min-height: 38px;
1462
1460
  min-width: auto;
1463
- padding: 0 8px;
1461
+ padding: 0 6px;
1464
1462
  }
1465
1463
 
1466
1464
  @media screen and (max-width: 480px) {
@@ -1472,7 +1470,7 @@
1472
1470
 
1473
1471
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1474
1472
  height: 38px;
1475
- padding: 0 26px;
1473
+ padding: 0 8px;
1476
1474
  width: 100%;
1477
1475
  }
1478
1476
 
@@ -1556,7 +1554,7 @@
1556
1554
 
1557
1555
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1558
1556
  display: none;
1559
- margin: 0 0 0 8px;
1557
+ margin: 0 4px 0 8px;
1560
1558
  min-width: 20px;
1561
1559
  }
1562
1560
 
@@ -1617,7 +1615,7 @@
1617
1615
 
1618
1616
  @media screen and (max-width: 480px) {
1619
1617
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1620
- padding: 0 36px;
1618
+ padding: 0 12px;
1621
1619
  }
1622
1620
  }
1623
1621
 
@@ -2204,7 +2202,7 @@
2204
2202
  }
2205
2203
 
2206
2204
  .e-tab .e-tab-header.e-vertical .e-hor-nav {
2207
- padding: 0 26px;
2205
+ padding: 0 8px;
2208
2206
  width: 100%;
2209
2207
  }
2210
2208
 
@@ -2268,7 +2266,7 @@
2268
2266
  }
2269
2267
 
2270
2268
  .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav {
2271
- padding: 0 26px;
2269
+ padding: 0 8px;
2272
2270
  }
2273
2271
 
2274
2272
  .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -2305,7 +2303,7 @@
2305
2303
  }
2306
2304
 
2307
2305
  .e-tab .e-content.e-progress {
2308
- overflow-x: hidden;
2306
+ overflow: hidden;
2309
2307
  }
2310
2308
 
2311
2309
  .e-tab.e-vertical-tab .e-content {
@@ -2940,7 +2938,7 @@
2940
2938
  margin: 0;
2941
2939
  min-height: 38px;
2942
2940
  min-width: auto;
2943
- padding: 0 8px;
2941
+ padding: 0 6px;
2944
2942
  }
2945
2943
 
2946
2944
  @media screen and (max-width: 480px) {
@@ -2952,7 +2950,7 @@
2952
2950
 
2953
2951
  .e-tab-clone-element .e-tab-wrap {
2954
2952
  height: 38px;
2955
- padding: 0 26px;
2953
+ padding: 0 8px;
2956
2954
  width: 100%;
2957
2955
  }
2958
2956
 
@@ -3048,7 +3046,7 @@
3048
3046
 
3049
3047
  @media screen and (max-width: 480px) {
3050
3048
  .e-tab-clone-element.e-icon .e-tab-wrap {
3051
- padding: 0 36px;
3049
+ padding: 0 12px;
3052
3050
  }
3053
3051
  }
3054
3052
 
@@ -3166,7 +3164,7 @@
3166
3164
  margin: 0;
3167
3165
  min-height: 48px;
3168
3166
  min-width: auto;
3169
- padding: 0 12px;
3167
+ padding: 0 8px;
3170
3168
  }
3171
3169
 
3172
3170
  @media screen and (max-width: 480px) {
@@ -3182,7 +3180,7 @@
3182
3180
 
3183
3181
  .e-bigger .e-tab-clone-element .e-tab-wrap {
3184
3182
  height: 48px;
3185
- padding: 0 36px;
3183
+ padding: 0 12px;
3186
3184
  }
3187
3185
 
3188
3186
  @media screen and (max-width: 480px) {
@@ -3201,7 +3199,7 @@
3201
3199
 
3202
3200
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
3203
3201
  cursor: pointer;
3204
- margin: 0 0 0 12px;
3202
+ margin: 0 8px 0 12px;
3205
3203
  }
3206
3204
 
3207
3205
  @media screen and (max-width: 480px) {
@@ -3754,7 +3752,7 @@
3754
3752
  }
3755
3753
 
3756
3754
  .e-tab.e-fill .e-tab-header {
3757
- border-bottom: 1px Solid #4b5563;
3755
+ border-bottom: 2px Solid #4b5563;
3758
3756
  }
3759
3757
 
3760
3758
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
@@ -3807,7 +3805,7 @@
3807
3805
 
3808
3806
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3809
3807
  border-bottom: 0;
3810
- border-top: 1px Solid #4b5563;
3808
+ border-top: 2px Solid #4b5563;
3811
3809
  }
3812
3810
 
3813
3811
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
@@ -3819,11 +3817,11 @@
3819
3817
  }
3820
3818
 
3821
3819
  .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
3822
- border-right: 1px Solid #4b5563;
3820
+ border-right: 2px Solid #4b5563;
3823
3821
  }
3824
3822
 
3825
3823
  .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
3826
- border-left: 1px Solid #4b5563;
3824
+ border-left: 2px Solid #4b5563;
3827
3825
  }
3828
3826
 
3829
3827
  .e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
@@ -3835,7 +3833,7 @@
3835
3833
  }
3836
3834
 
3837
3835
  .e-tab.e-fill.e-disable .e-tab-header {
3838
- border-bottom: 1px Solid rgba(75, 85, 99, 0.38);
3836
+ border-bottom: 2px Solid rgba(75, 85, 99, 0.38);
3839
3837
  }
3840
3838
 
3841
3839
  .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -3860,7 +3858,7 @@
3860
3858
 
3861
3859
  .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
3862
3860
  border-bottom: 0;
3863
- border-top: 1px Solid rgba(75, 85, 99, 0.38);
3861
+ border-top: 2px Solid rgba(75, 85, 99, 0.38);
3864
3862
  }
3865
3863
 
3866
3864
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,