@syncfusion/ej2-react-layouts 19.4.52 → 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 (59) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/dist/ej2-react-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/avatar/bootstrap5-dark.css +2 -0
  5. package/styles/avatar/bootstrap5.css +2 -0
  6. package/styles/avatar/fluent-dark.css +61 -0
  7. package/styles/avatar/fluent-dark.scss +1 -0
  8. package/styles/avatar/fluent.css +61 -0
  9. package/styles/avatar/fluent.scss +1 -0
  10. package/styles/bootstrap-dark.css +4 -4
  11. package/styles/bootstrap.css +4 -4
  12. package/styles/bootstrap4.css +4 -4
  13. package/styles/bootstrap5-dark.css +14 -10
  14. package/styles/bootstrap5.css +14 -10
  15. package/styles/card/bootstrap5-dark.css +5 -3
  16. package/styles/card/bootstrap5.css +5 -3
  17. package/styles/card/fluent-dark.css +602 -0
  18. package/styles/card/fluent-dark.scss +1 -0
  19. package/styles/card/fluent.css +602 -0
  20. package/styles/card/fluent.scss +1 -0
  21. package/styles/card/tailwind-dark.css +8 -8
  22. package/styles/card/tailwind.css +8 -8
  23. package/styles/dashboard-layout/bootstrap5-dark.css +1 -1
  24. package/styles/dashboard-layout/bootstrap5.css +1 -1
  25. package/styles/dashboard-layout/fluent-dark.css +388 -0
  26. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  27. package/styles/dashboard-layout/fluent.css +388 -0
  28. package/styles/dashboard-layout/fluent.scss +1 -0
  29. package/styles/dashboard-layout/tailwind-dark.css +18 -15
  30. package/styles/dashboard-layout/tailwind.css +16 -13
  31. package/styles/fabric-dark.css +4 -4
  32. package/styles/fabric.css +4 -4
  33. package/styles/fluent-dark.css +1628 -0
  34. package/styles/fluent-dark.scss +4 -0
  35. package/styles/fluent.css +1628 -0
  36. package/styles/fluent.scss +4 -0
  37. package/styles/highcontrast-light.css +4 -4
  38. package/styles/highcontrast.css +4 -4
  39. package/styles/material-dark.css +4 -4
  40. package/styles/material.css +4 -4
  41. package/styles/splitter/bootstrap-dark.css +4 -4
  42. package/styles/splitter/bootstrap.css +4 -4
  43. package/styles/splitter/bootstrap4.css +4 -4
  44. package/styles/splitter/bootstrap5-dark.css +6 -6
  45. package/styles/splitter/bootstrap5.css +6 -6
  46. package/styles/splitter/fabric-dark.css +4 -4
  47. package/styles/splitter/fabric.css +4 -4
  48. package/styles/splitter/fluent-dark.css +574 -0
  49. package/styles/splitter/fluent-dark.scss +1 -0
  50. package/styles/splitter/fluent.css +574 -0
  51. package/styles/splitter/fluent.scss +1 -0
  52. package/styles/splitter/highcontrast-light.css +4 -4
  53. package/styles/splitter/highcontrast.css +4 -4
  54. package/styles/splitter/material-dark.css +4 -4
  55. package/styles/splitter/material.css +4 -4
  56. package/styles/splitter/tailwind-dark.css +8 -16
  57. package/styles/splitter/tailwind.css +8 -16
  58. package/styles/tailwind-dark.css +34 -39
  59. package/styles/tailwind.css +32 -37
package/styles/fluent.scss ADDED
@@ -0,0 +1,4 @@
1
+ @import 'avatar/fluent.scss';
2
+ @import 'card/fluent.scss';
3
+ @import 'splitter/fluent.scss';
4
+ @import 'dashboard-layout/fluent.scss';
package/styles/highcontrast-light.css CHANGED
@@ -762,7 +762,7 @@
762
762
 
763
763
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
764
764
  border-radius: 50%;
765
- bottom: 18px;
765
+ bottom: 20px;
766
766
  right: 22px;
767
767
  }
768
768
 
@@ -770,7 +770,7 @@
770
770
  border-radius: 50%;
771
771
  left: 22px;
772
772
  right: auto;
773
- top: 18px;
773
+ top: 20px;
774
774
  }
775
775
 
776
776
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -980,14 +980,14 @@
980
980
 
981
981
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
982
982
  border-radius: 50%;
983
- bottom: 18px;
983
+ bottom: 20px;
984
984
  left: 22px;
985
985
  }
986
986
 
987
987
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
988
988
  border-radius: 50%;
989
989
  right: 22px;
990
- top: 18px;
990
+ top: 20px;
991
991
  }
992
992
 
993
993
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/highcontrast.css CHANGED
@@ -776,7 +776,7 @@
776
776
 
777
777
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
778
778
  border-radius: 50%;
779
- bottom: 18px;
779
+ bottom: 20px;
780
780
  right: 22px;
781
781
  }
782
782
 
@@ -784,7 +784,7 @@
784
784
  border-radius: 50%;
785
785
  left: 22px;
786
786
  right: auto;
787
- top: 18px;
787
+ top: 20px;
788
788
  }
789
789
 
790
790
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -994,14 +994,14 @@
994
994
 
995
995
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
996
996
  border-radius: 50%;
997
- bottom: 18px;
997
+ bottom: 20px;
998
998
  left: 22px;
999
999
  }
1000
1000
 
1001
1001
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
1002
1002
  border-radius: 50%;
1003
1003
  right: 22px;
1004
- top: 18px;
1004
+ top: 20px;
1005
1005
  }
1006
1006
 
1007
1007
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/material-dark.css CHANGED
@@ -762,7 +762,7 @@
762
762
 
763
763
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
764
764
  border-radius: 50%;
765
- bottom: 18px;
765
+ bottom: 20px;
766
766
  right: 22px;
767
767
  }
768
768
 
@@ -770,7 +770,7 @@
770
770
  border-radius: 50%;
771
771
  left: 22px;
772
772
  right: auto;
773
- top: 18px;
773
+ top: 20px;
774
774
  }
775
775
 
776
776
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -980,14 +980,14 @@
980
980
 
981
981
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
982
982
  border-radius: 50%;
983
- bottom: 18px;
983
+ bottom: 20px;
984
984
  left: 22px;
985
985
  }
986
986
 
987
987
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
988
988
  border-radius: 50%;
989
989
  right: 22px;
990
- top: 18px;
990
+ top: 20px;
991
991
  }
992
992
 
993
993
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/material.css CHANGED
@@ -763,7 +763,7 @@
763
763
 
764
764
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
765
765
  border-radius: 50%;
766
- bottom: 18px;
766
+ bottom: 20px;
767
767
  right: 22px;
768
768
  }
769
769
 
@@ -771,7 +771,7 @@
771
771
  border-radius: 50%;
772
772
  left: 22px;
773
773
  right: auto;
774
- top: 18px;
774
+ top: 20px;
775
775
  }
776
776
 
777
777
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -981,14 +981,14 @@
981
981
 
982
982
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
983
983
  border-radius: 50%;
984
- bottom: 18px;
984
+ bottom: 20px;
985
985
  left: 22px;
986
986
  }
987
987
 
988
988
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
989
989
  border-radius: 50%;
990
990
  right: 22px;
991
- top: 18px;
991
+ top: 20px;
992
992
  }
993
993
 
994
994
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/splitter/bootstrap-dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
119
119
  border-radius: 50%;
120
- bottom: 18px;
120
+ bottom: 20px;
121
121
  right: 22px;
122
122
  }
123
123
 
@@ -125,7 +125,7 @@
125
125
  border-radius: 50%;
126
126
  left: 22px;
127
127
  right: auto;
128
- top: 18px;
128
+ top: 20px;
129
129
  }
130
130
 
131
131
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -335,14 +335,14 @@
335
335
 
336
336
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
337
337
  border-radius: 50%;
338
- bottom: 18px;
338
+ bottom: 20px;
339
339
  left: 22px;
340
340
  }
341
341
 
342
342
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
343
343
  border-radius: 50%;
344
344
  right: 22px;
345
- top: 18px;
345
+ top: 20px;
346
346
  }
347
347
 
348
348
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/splitter/bootstrap.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
119
119
  border-radius: 50%;
120
- bottom: 18px;
120
+ bottom: 20px;
121
121
  right: 22px;
122
122
  }
123
123
 
@@ -125,7 +125,7 @@
125
125
  border-radius: 50%;
126
126
  left: 22px;
127
127
  right: auto;
128
- top: 18px;
128
+ top: 20px;
129
129
  }
130
130
 
131
131
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -335,14 +335,14 @@
335
335
 
336
336
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
337
337
  border-radius: 50%;
338
- bottom: 18px;
338
+ bottom: 20px;
339
339
  left: 22px;
340
340
  }
341
341
 
342
342
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
343
343
  border-radius: 50%;
344
344
  right: 22px;
345
- top: 18px;
345
+ top: 20px;
346
346
  }
347
347
 
348
348
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/splitter/bootstrap4.css CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
118
118
  border-radius: 50%;
119
- bottom: 18px;
119
+ bottom: 20px;
120
120
  right: 22px;
121
121
  }
122
122
 
@@ -124,7 +124,7 @@
124
124
  border-radius: 50%;
125
125
  left: 22px;
126
126
  right: auto;
127
- top: 18px;
127
+ top: 20px;
128
128
  }
129
129
 
130
130
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -334,14 +334,14 @@
334
334
 
335
335
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
336
336
  border-radius: 50%;
337
- bottom: 18px;
337
+ bottom: 20px;
338
338
  left: 22px;
339
339
  }
340
340
 
341
341
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
342
342
  border-radius: 50%;
343
343
  right: 22px;
344
- top: 18px;
344
+ top: 20px;
345
345
  }
346
346
 
347
347
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/splitter/bootstrap5-dark.css CHANGED
@@ -108,7 +108,7 @@
108
108
 
109
109
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
110
110
  border-radius: 50%;
111
- bottom: 18px;
111
+ bottom: 20px;
112
112
  right: 22px;
113
113
  }
114
114
 
@@ -116,7 +116,7 @@
116
116
  border-radius: 50%;
117
117
  left: 22px;
118
118
  right: auto;
119
- top: 18px;
119
+ top: 20px;
120
120
  }
121
121
 
122
122
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -326,14 +326,14 @@
326
326
 
327
327
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
328
328
  border-radius: 50%;
329
- bottom: 18px;
329
+ bottom: 20px;
330
330
  left: 22px;
331
331
  }
332
332
 
333
333
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
334
334
  border-radius: 50%;
335
335
  right: 22px;
336
- top: 18px;
336
+ top: 20px;
337
337
  }
338
338
 
339
339
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -455,7 +455,7 @@
455
455
  }
456
456
 
457
457
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right {
458
- background-color: #fff;
458
+ background-color: transparent;
459
459
  border-color: #0d6efd;
460
460
  border-width: 1px;
461
461
  opacity: .9;
@@ -510,7 +510,7 @@
510
510
  }
511
511
 
512
512
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
513
- background-color: #fff;
513
+ background-color: transparent;
514
514
  border-color: #0d6efd;
515
515
  border-width: 1px;
516
516
  opacity: .9;
package/styles/splitter/bootstrap5.css CHANGED
@@ -108,7 +108,7 @@
108
108
 
109
109
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
110
110
  border-radius: 50%;
111
- bottom: 18px;
111
+ bottom: 20px;
112
112
  right: 22px;
113
113
  }
114
114
 
@@ -116,7 +116,7 @@
116
116
  border-radius: 50%;
117
117
  left: 22px;
118
118
  right: auto;
119
- top: 18px;
119
+ top: 20px;
120
120
  }
121
121
 
122
122
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -326,14 +326,14 @@
326
326
 
327
327
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
328
328
  border-radius: 50%;
329
- bottom: 18px;
329
+ bottom: 20px;
330
330
  left: 22px;
331
331
  }
332
332
 
333
333
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
334
334
  border-radius: 50%;
335
335
  right: 22px;
336
- top: 18px;
336
+ top: 20px;
337
337
  }
338
338
 
339
339
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -455,7 +455,7 @@
455
455
  }
456
456
 
457
457
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right {
458
- background-color: #fff;
458
+ background-color: transparent;
459
459
  border-color: #0d6efd;
460
460
  border-width: 1px;
461
461
  opacity: .9;
@@ -510,7 +510,7 @@
510
510
  }
511
511
 
512
512
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
513
- background-color: #fff;
513
+ background-color: transparent;
514
514
  border-color: #0d6efd;
515
515
  border-width: 1px;
516
516
  opacity: .9;
package/styles/splitter/fabric-dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
119
119
  border-radius: 50%;
120
- bottom: 18px;
120
+ bottom: 20px;
121
121
  right: 22px;
122
122
  }
123
123
 
@@ -125,7 +125,7 @@
125
125
  border-radius: 50%;
126
126
  left: 22px;
127
127
  right: auto;
128
- top: 18px;
128
+ top: 20px;
129
129
  }
130
130
 
131
131
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -335,14 +335,14 @@
335
335
 
336
336
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
337
337
  border-radius: 50%;
338
- bottom: 18px;
338
+ bottom: 20px;
339
339
  left: 22px;
340
340
  }
341
341
 
342
342
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
343
343
  border-radius: 50%;
344
344
  right: 22px;
345
- top: 18px;
345
+ top: 20px;
346
346
  }
347
347
 
348
348
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
package/styles/splitter/fabric.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
119
119
  border-radius: 50%;
120
- bottom: 18px;
120
+ bottom: 20px;
121
121
  right: 22px;
122
122
  }
123
123
 
@@ -125,7 +125,7 @@
125
125
  border-radius: 50%;
126
126
  left: 22px;
127
127
  right: auto;
128
- top: 18px;
128
+ top: 20px;
129
129
  }
130
130
 
131
131
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -335,14 +335,14 @@
335
335
 
336
336
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
337
337
  border-radius: 50%;
338
- bottom: 18px;
338
+ bottom: 20px;
339
339
  left: 22px;
340
340
  }
341
341
 
342
342
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
343
343
  border-radius: 50%;
344
344
  right: 22px;
345
- top: 18px;
345
+ top: 20px;
346
346
  }
347
347
 
348
348
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {