@syncfusion/ej2-navigations 19.3.44 → 19.3.54

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 (49) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +7 -7
  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 +89 -78
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +89 -78
  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 +23 -12
  13. package/src/breadcrumb/breadcrumb.js +19 -10
  14. package/src/common/menu-base.js +2 -2
  15. package/src/tab/tab.js +68 -66
  16. package/styles/bootstrap-dark.css +15 -2
  17. package/styles/bootstrap.css +15 -2
  18. package/styles/bootstrap4.css +15 -2
  19. package/styles/bootstrap5-dark.css +18 -2
  20. package/styles/bootstrap5.css +18 -2
  21. package/styles/breadcrumb/_layout.scss +13 -0
  22. package/styles/breadcrumb/_theme.scss +1 -1
  23. package/styles/breadcrumb/bootstrap-dark.css +13 -0
  24. package/styles/breadcrumb/bootstrap.css +13 -0
  25. package/styles/breadcrumb/bootstrap4.css +13 -0
  26. package/styles/breadcrumb/bootstrap5-dark.css +16 -0
  27. package/styles/breadcrumb/bootstrap5.css +16 -0
  28. package/styles/breadcrumb/fabric-dark.css +16 -0
  29. package/styles/breadcrumb/fabric.css +16 -0
  30. package/styles/breadcrumb/highcontrast-light.css +17 -1
  31. package/styles/breadcrumb/highcontrast.css +17 -1
  32. package/styles/breadcrumb/material-dark.css +16 -0
  33. package/styles/breadcrumb/material.css +16 -0
  34. package/styles/breadcrumb/tailwind-dark.css +16 -0
  35. package/styles/breadcrumb/tailwind.css +16 -0
  36. package/styles/fabric-dark.css +16 -0
  37. package/styles/fabric.css +16 -0
  38. package/styles/highcontrast-light.css +17 -1
  39. package/styles/highcontrast.css +17 -1
  40. package/styles/material-dark.css +16 -0
  41. package/styles/material.css +16 -0
  42. package/styles/tab/_layout.scss +1 -1
  43. package/styles/tab/bootstrap-dark.css +2 -2
  44. package/styles/tab/bootstrap.css +2 -2
  45. package/styles/tab/bootstrap4.css +2 -2
  46. package/styles/tab/bootstrap5-dark.css +2 -2
  47. package/styles/tab/bootstrap5.css +2 -2
  48. package/styles/tailwind-dark.css +16 -0
  49. package/styles/tailwind.css +16 -0
@@ -9,6 +9,7 @@
9
9
 
10
10
  /*! breadcrumb layout */
11
11
  .e-breadcrumb {
12
+ display: block;
12
13
  background-color: #e9ecef;
13
14
  border-radius: 4px;
14
15
  }
@@ -111,6 +112,13 @@
111
112
  padding-left: 0;
112
113
  }
113
114
 
115
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
116
+ margin-left: 0;
117
+ margin-right: -7px;
118
+ padding-left: 8px;
119
+ padding-right: 0;
120
+ }
121
+
114
122
  .e-breadcrumb .e-breadcrumb-collapsed {
115
123
  cursor: pointer;
116
124
  font-size: 16px;
@@ -181,6 +189,11 @@
181
189
  padding-left: 0;
182
190
  }
183
191
 
192
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
193
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
194
+ padding-left: 8px;
195
+ }
196
+
184
197
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
185
198
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
186
199
  font-size: 18px;
@@ -17,6 +17,10 @@
17
17
  }
18
18
 
19
19
  /*! breadcrumb layout */
20
+ .e-breadcrumb {
21
+ display: block;
22
+ }
23
+
20
24
  .e-breadcrumb ol {
21
25
  -ms-flex-align: center;
22
26
  align-items: center;
@@ -125,6 +129,13 @@
125
129
  padding-left: 0;
126
130
  }
127
131
 
132
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
133
+ margin-left: 0;
134
+ margin-right: -8px;
135
+ padding-left: 8px;
136
+ padding-right: 0;
137
+ }
138
+
128
139
  .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
129
140
  padding-left: 5px;
130
141
  }
@@ -204,6 +215,11 @@
204
215
  padding-left: 0;
205
216
  }
206
217
 
218
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
219
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
220
+ padding-left: 8px;
221
+ }
222
+
207
223
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
208
224
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
209
225
  font-size: 18px;
@@ -17,6 +17,10 @@
17
17
  }
18
18
 
19
19
  /*! breadcrumb layout */
20
+ .e-breadcrumb {
21
+ display: block;
22
+ }
23
+
20
24
  .e-breadcrumb ol {
21
25
  -ms-flex-align: center;
22
26
  align-items: center;
@@ -125,6 +129,13 @@
125
129
  padding-left: 0;
126
130
  }
127
131
 
132
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
133
+ margin-left: 0;
134
+ margin-right: -8px;
135
+ padding-left: 8px;
136
+ padding-right: 0;
137
+ }
138
+
128
139
  .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
129
140
  padding-left: 5px;
130
141
  }
@@ -204,6 +215,11 @@
204
215
  padding-left: 0;
205
216
  }
206
217
 
218
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
219
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
220
+ padding-left: 8px;
221
+ }
222
+
207
223
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
208
224
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
209
225
  font-size: 18px;
@@ -8,6 +8,10 @@
8
8
  }
9
9
 
10
10
  /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ }
14
+
11
15
  .e-breadcrumb ol {
12
16
  -ms-flex-align: center;
13
17
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 21px;
@@ -177,6 +188,11 @@
177
188
  padding-left: 0;
178
189
  }
179
190
 
191
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
192
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
193
+ padding-left: 5px;
194
+ }
195
+
180
196
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
181
197
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
182
198
  font-size: 21px;
@@ -8,6 +8,10 @@
8
8
  }
9
9
 
10
10
  /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ }
14
+
11
15
  .e-breadcrumb ol {
12
16
  -ms-flex-align: center;
13
17
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 21px;
@@ -177,6 +188,11 @@
177
188
  padding-left: 0;
178
189
  }
179
190
 
191
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
192
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
193
+ padding-left: 5px;
194
+ }
195
+
180
196
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
181
197
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
182
198
  font-size: 21px;
@@ -8,6 +8,10 @@
8
8
  }
9
9
 
10
10
  /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ }
14
+
11
15
  .e-breadcrumb ol {
12
16
  -ms-flex-align: center;
13
17
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 21px;
@@ -177,6 +188,11 @@
177
188
  padding-left: 0;
178
189
  }
179
190
 
191
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
192
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
193
+ padding-left: 5px;
194
+ }
195
+
180
196
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
181
197
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
182
198
  font-size: 21px;
@@ -243,7 +259,7 @@
243
259
  color: #000;
244
260
  }
245
261
 
246
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
262
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
247
263
  color: #fff;
248
264
  }
249
265
 
@@ -8,6 +8,10 @@
8
8
  }
9
9
 
10
10
  /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ }
14
+
11
15
  .e-breadcrumb ol {
12
16
  -ms-flex-align: center;
13
17
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 21px;
@@ -177,6 +188,11 @@
177
188
  padding-left: 0;
178
189
  }
179
190
 
191
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
192
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
193
+ padding-left: 5px;
194
+ }
195
+
180
196
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
181
197
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
182
198
  font-size: 21px;
@@ -243,7 +259,7 @@
243
259
  color: #fff;
244
260
  }
245
261
 
246
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
262
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
247
263
  color: #000;
248
264
  }
249
265
 
@@ -18,6 +18,10 @@
18
18
  }
19
19
 
20
20
  /*! breadcrumb layout */
21
+ .e-breadcrumb {
22
+ display: block;
23
+ }
24
+
21
25
  .e-breadcrumb ol {
22
26
  -ms-flex-align: center;
23
27
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 16px;
@@ -165,6 +176,11 @@
165
176
  padding-left: 0;
166
177
  }
167
178
 
179
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
180
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
181
+ padding-left: 5px;
182
+ }
183
+
168
184
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
169
185
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
170
186
  font-size: 18px;
@@ -18,6 +18,10 @@
18
18
  }
19
19
 
20
20
  /*! breadcrumb layout */
21
+ .e-breadcrumb {
22
+ display: block;
23
+ }
24
+
21
25
  .e-breadcrumb ol {
22
26
  -ms-flex-align: center;
23
27
  align-items: center;
@@ -105,6 +109,13 @@
105
109
  padding-left: 0;
106
110
  }
107
111
 
112
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
113
+ margin-left: 0;
114
+ margin-right: -4px;
115
+ padding-left: 3px;
116
+ padding-right: 0;
117
+ }
118
+
108
119
  .e-breadcrumb .e-breadcrumb-collapsed {
109
120
  cursor: pointer;
110
121
  font-size: 16px;
@@ -165,6 +176,11 @@
165
176
  padding-left: 0;
166
177
  }
167
178
 
179
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
180
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
181
+ padding-left: 5px;
182
+ }
183
+
168
184
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
169
185
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
170
186
  font-size: 18px;
@@ -9,6 +9,10 @@
9
9
  }
10
10
 
11
11
  /*! breadcrumb layout */
12
+ .e-breadcrumb {
13
+ display: block;
14
+ }
15
+
12
16
  .e-breadcrumb ol {
13
17
  -ms-flex-align: center;
14
18
  align-items: center;
@@ -112,6 +116,13 @@
112
116
  padding-left: 0;
113
117
  }
114
118
 
119
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
120
+ margin-left: 0;
121
+ margin-right: -4px;
122
+ padding-left: 4px;
123
+ padding-right: 0;
124
+ }
125
+
115
126
  .e-breadcrumb .e-breadcrumb-collapsed {
116
127
  cursor: pointer;
117
128
  font-size: 16px;
@@ -187,6 +198,11 @@
187
198
  padding-left: 0;
188
199
  }
189
200
 
201
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
202
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
203
+ padding-left: 4px;
204
+ }
205
+
190
206
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
191
207
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
192
208
  font-size: 18px;
@@ -9,6 +9,10 @@
9
9
  }
10
10
 
11
11
  /*! breadcrumb layout */
12
+ .e-breadcrumb {
13
+ display: block;
14
+ }
15
+
12
16
  .e-breadcrumb ol {
13
17
  -ms-flex-align: center;
14
18
  align-items: center;
@@ -112,6 +116,13 @@
112
116
  padding-left: 0;
113
117
  }
114
118
 
119
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
120
+ margin-left: 0;
121
+ margin-right: -4px;
122
+ padding-left: 4px;
123
+ padding-right: 0;
124
+ }
125
+
115
126
  .e-breadcrumb .e-breadcrumb-collapsed {
116
127
  cursor: pointer;
117
128
  font-size: 16px;
@@ -187,6 +198,11 @@
187
198
  padding-left: 0;
188
199
  }
189
200
 
201
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
202
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
203
+ padding-left: 4px;
204
+ }
205
+
190
206
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
191
207
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
192
208
  font-size: 18px;
@@ -9366,6 +9366,10 @@ ejs-sidebar {
9366
9366
  }
9367
9367
 
9368
9368
  /*! breadcrumb layout */
9369
+ .e-breadcrumb {
9370
+ display: block;
9371
+ }
9372
+
9369
9373
  .e-breadcrumb ol {
9370
9374
  -ms-flex-align: center;
9371
9375
  align-items: center;
@@ -9463,6 +9467,13 @@ ejs-sidebar {
9463
9467
  padding-left: 0;
9464
9468
  }
9465
9469
 
9470
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9471
+ margin-left: 0;
9472
+ margin-right: -4px;
9473
+ padding-left: 3px;
9474
+ padding-right: 0;
9475
+ }
9476
+
9466
9477
  .e-breadcrumb .e-breadcrumb-collapsed {
9467
9478
  cursor: pointer;
9468
9479
  font-size: 21px;
@@ -9535,6 +9546,11 @@ ejs-sidebar {
9535
9546
  padding-left: 0;
9536
9547
  }
9537
9548
 
9549
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9550
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9551
+ padding-left: 5px;
9552
+ }
9553
+
9538
9554
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9539
9555
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9540
9556
  font-size: 21px;
package/styles/fabric.css CHANGED
@@ -9376,6 +9376,10 @@ ejs-sidebar {
9376
9376
  }
9377
9377
 
9378
9378
  /*! breadcrumb layout */
9379
+ .e-breadcrumb {
9380
+ display: block;
9381
+ }
9382
+
9379
9383
  .e-breadcrumb ol {
9380
9384
  -ms-flex-align: center;
9381
9385
  align-items: center;
@@ -9473,6 +9477,13 @@ ejs-sidebar {
9473
9477
  padding-left: 0;
9474
9478
  }
9475
9479
 
9480
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9481
+ margin-left: 0;
9482
+ margin-right: -4px;
9483
+ padding-left: 3px;
9484
+ padding-right: 0;
9485
+ }
9486
+
9476
9487
  .e-breadcrumb .e-breadcrumb-collapsed {
9477
9488
  cursor: pointer;
9478
9489
  font-size: 21px;
@@ -9545,6 +9556,11 @@ ejs-sidebar {
9545
9556
  padding-left: 0;
9546
9557
  }
9547
9558
 
9559
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9560
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9561
+ padding-left: 5px;
9562
+ }
9563
+
9548
9564
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9549
9565
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9550
9566
  font-size: 21px;
@@ -9707,6 +9707,10 @@ ejs-sidebar {
9707
9707
  }
9708
9708
 
9709
9709
  /*! breadcrumb layout */
9710
+ .e-breadcrumb {
9711
+ display: block;
9712
+ }
9713
+
9710
9714
  .e-breadcrumb ol {
9711
9715
  -ms-flex-align: center;
9712
9716
  align-items: center;
@@ -9804,6 +9808,13 @@ ejs-sidebar {
9804
9808
  padding-left: 0;
9805
9809
  }
9806
9810
 
9811
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9812
+ margin-left: 0;
9813
+ margin-right: -4px;
9814
+ padding-left: 3px;
9815
+ padding-right: 0;
9816
+ }
9817
+
9807
9818
  .e-breadcrumb .e-breadcrumb-collapsed {
9808
9819
  cursor: pointer;
9809
9820
  font-size: 21px;
@@ -9876,6 +9887,11 @@ ejs-sidebar {
9876
9887
  padding-left: 0;
9877
9888
  }
9878
9889
 
9890
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9891
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9892
+ padding-left: 5px;
9893
+ }
9894
+
9879
9895
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9880
9896
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9881
9897
  font-size: 21px;
@@ -9942,7 +9958,7 @@ ejs-sidebar {
9942
9958
  color: #000;
9943
9959
  }
9944
9960
 
9945
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
9961
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
9946
9962
  color: #fff;
9947
9963
  }
9948
9964
 
@@ -9736,6 +9736,10 @@ ejs-sidebar {
9736
9736
  }
9737
9737
 
9738
9738
  /*! breadcrumb layout */
9739
+ .e-breadcrumb {
9740
+ display: block;
9741
+ }
9742
+
9739
9743
  .e-breadcrumb ol {
9740
9744
  -ms-flex-align: center;
9741
9745
  align-items: center;
@@ -9833,6 +9837,13 @@ ejs-sidebar {
9833
9837
  padding-left: 0;
9834
9838
  }
9835
9839
 
9840
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9841
+ margin-left: 0;
9842
+ margin-right: -4px;
9843
+ padding-left: 3px;
9844
+ padding-right: 0;
9845
+ }
9846
+
9836
9847
  .e-breadcrumb .e-breadcrumb-collapsed {
9837
9848
  cursor: pointer;
9838
9849
  font-size: 21px;
@@ -9905,6 +9916,11 @@ ejs-sidebar {
9905
9916
  padding-left: 0;
9906
9917
  }
9907
9918
 
9919
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9920
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9921
+ padding-left: 5px;
9922
+ }
9923
+
9908
9924
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9909
9925
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9910
9926
  font-size: 21px;
@@ -9971,7 +9987,7 @@ ejs-sidebar {
9971
9987
  color: #fff;
9972
9988
  }
9973
9989
 
9974
- .e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
9990
+ .e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
9975
9991
  color: #000;
9976
9992
  }
9977
9993
 
@@ -9232,6 +9232,10 @@ ejs-sidebar {
9232
9232
  }
9233
9233
 
9234
9234
  /*! breadcrumb layout */
9235
+ .e-breadcrumb {
9236
+ display: block;
9237
+ }
9238
+
9235
9239
  .e-breadcrumb ol {
9236
9240
  -ms-flex-align: center;
9237
9241
  align-items: center;
@@ -9319,6 +9323,13 @@ ejs-sidebar {
9319
9323
  padding-left: 0;
9320
9324
  }
9321
9325
 
9326
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9327
+ margin-left: 0;
9328
+ margin-right: -4px;
9329
+ padding-left: 3px;
9330
+ padding-right: 0;
9331
+ }
9332
+
9322
9333
  .e-breadcrumb .e-breadcrumb-collapsed {
9323
9334
  cursor: pointer;
9324
9335
  font-size: 16px;
@@ -9379,6 +9390,11 @@ ejs-sidebar {
9379
9390
  padding-left: 0;
9380
9391
  }
9381
9392
 
9393
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9394
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9395
+ padding-left: 5px;
9396
+ }
9397
+
9382
9398
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9383
9399
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9384
9400
  font-size: 18px;
@@ -9249,6 +9249,10 @@ ejs-sidebar {
9249
9249
  }
9250
9250
 
9251
9251
  /*! breadcrumb layout */
9252
+ .e-breadcrumb {
9253
+ display: block;
9254
+ }
9255
+
9252
9256
  .e-breadcrumb ol {
9253
9257
  -ms-flex-align: center;
9254
9258
  align-items: center;
@@ -9336,6 +9340,13 @@ ejs-sidebar {
9336
9340
  padding-left: 0;
9337
9341
  }
9338
9342
 
9343
+ .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9344
+ margin-left: 0;
9345
+ margin-right: -4px;
9346
+ padding-left: 3px;
9347
+ padding-right: 0;
9348
+ }
9349
+
9339
9350
  .e-breadcrumb .e-breadcrumb-collapsed {
9340
9351
  cursor: pointer;
9341
9352
  font-size: 16px;
@@ -9396,6 +9407,11 @@ ejs-sidebar {
9396
9407
  padding-left: 0;
9397
9408
  }
9398
9409
 
9410
+ .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
9411
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
9412
+ padding-left: 5px;
9413
+ }
9414
+
9399
9415
  .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
9400
9416
  .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
9401
9417
  font-size: 18px;
@@ -34,7 +34,7 @@
34
34
  }
35
35
  }
36
36
 
37
- .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
37
+ .e-indicator + .e-toolbar-item:last-child.e-active {
38
38
  @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
39
39
  margin: 1px 2px 0 0;
40
40
  }
@@ -137,8 +137,8 @@
137
137
  }
138
138
  }
139
139
 
140
- .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
141
- .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
140
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
141
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
142
142
  margin: 1px 2px 0 0;
143
143
  }
144
144
 
@@ -143,8 +143,8 @@
143
143
  }
144
144
  }
145
145
 
146
- .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
147
- .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
146
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
147
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
148
148
  margin: 1px 2px 0 0;
149
149
  }
150
150
 
@@ -140,8 +140,8 @@
140
140
  }
141
141
  }
142
142
 
143
- .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
144
- .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
143
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
144
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
145
145
  margin: 1px 2px 0 0;
146
146
  }
147
147