@syncfusion/ej2-vue-ribbon 21.2.3 → 22.1.39

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 (48) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/ej2-vue-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-vue-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-ribbon.es2015.js +13 -1
  5. package/dist/es6/ej2-vue-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-ribbon.es5.js +13 -1
  7. package/dist/es6/ej2-vue-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-ribbon.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/ribbon/ribbon.component.js +13 -1
  11. package/styles/bootstrap-dark.css +27 -0
  12. package/styles/bootstrap.css +27 -0
  13. package/styles/bootstrap4.css +27 -0
  14. package/styles/bootstrap5-dark.css +27 -0
  15. package/styles/bootstrap5.css +27 -0
  16. package/styles/fabric-dark.css +27 -0
  17. package/styles/fabric.css +27 -0
  18. package/styles/fluent-dark.css +27 -0
  19. package/styles/fluent.css +27 -0
  20. package/styles/highcontrast-light.css +27 -0
  21. package/styles/highcontrast.css +31 -4
  22. package/styles/material-dark.css +27 -0
  23. package/styles/material.css +27 -0
  24. package/styles/material3-dark.css +1672 -0
  25. package/styles/material3-dark.scss +2 -0
  26. package/styles/material3.css +1728 -0
  27. package/styles/material3.scss +2 -0
  28. package/styles/ribbon/bootstrap-dark.css +27 -0
  29. package/styles/ribbon/bootstrap.css +27 -0
  30. package/styles/ribbon/bootstrap4.css +27 -0
  31. package/styles/ribbon/bootstrap5-dark.css +27 -0
  32. package/styles/ribbon/bootstrap5.css +27 -0
  33. package/styles/ribbon/fabric-dark.css +27 -0
  34. package/styles/ribbon/fabric.css +27 -0
  35. package/styles/ribbon/fluent-dark.css +27 -0
  36. package/styles/ribbon/fluent.css +27 -0
  37. package/styles/ribbon/highcontrast-light.css +27 -0
  38. package/styles/ribbon/highcontrast.css +31 -4
  39. package/styles/ribbon/material-dark.css +27 -0
  40. package/styles/ribbon/material.css +27 -0
  41. package/styles/ribbon/material3-dark.css +1672 -0
  42. package/styles/ribbon/material3-dark.scss +2 -0
  43. package/styles/ribbon/material3.css +1728 -0
  44. package/styles/ribbon/material3.scss +2 -0
  45. package/styles/ribbon/tailwind-dark.css +27 -0
  46. package/styles/ribbon/tailwind.css +27 -0
  47. package/styles/tailwind-dark.css +27 -0
  48. package/styles/tailwind.css +27 -0
package/styles/fluent-dark.css CHANGED
@@ -198,6 +198,7 @@
198
198
  border-width: unset;
199
199
  font-size: 14px;
200
200
  font-weight: 400;
201
+ box-shadow: none;
201
202
  }
202
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
203
204
  border-radius: unset;
@@ -335,6 +336,7 @@
335
336
  border: none;
336
337
  height: 26px;
337
338
  margin: auto;
339
+ box-shadow: none;
338
340
  }
339
341
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
342
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -474,6 +476,8 @@
474
476
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
477
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
478
  min-width: auto;
479
+ min-height: auto;
480
+ border-radius: unset;
477
481
  }
478
482
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
479
483
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -557,6 +561,7 @@
557
561
  font-weight: 400;
558
562
  font-size: 12px;
559
563
  text-transform: none;
564
+ box-shadow: none;
560
565
  }
561
566
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
562
567
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -665,6 +670,7 @@
665
670
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
666
671
  border: 1px solid transparent;
667
672
  border-radius: 2px;
673
+ box-shadow: none;
668
674
  }
669
675
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
670
676
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -789,6 +795,7 @@
789
795
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
790
796
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
791
797
  line-height: 18px;
798
+ overflow: hidden;
792
799
  }
793
800
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
794
801
  width: inherit;
@@ -836,6 +843,17 @@
836
843
  padding-left: 26px !important; /* stylelint-disable-line declaration-no-important */
837
844
  }
838
845
 
846
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
847
+ font-size: 12px;
848
+ height: 24px;
849
+ -ms-flex-align: center;
850
+ align-items: center;
851
+ }
852
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
853
+ font-size: 16px;
854
+ line-height: 16px;
855
+ }
856
+
839
857
  .e-ribbon-tooltip .e-tip-content {
840
858
  padding: 4px;
841
859
  }
@@ -1212,6 +1230,15 @@
1212
1230
  padding: 7px;
1213
1231
  }
1214
1232
 
1233
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1234
+ font-size: 14px;
1235
+ height: 32px;
1236
+ }
1237
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1238
+ font-size: 20px;
1239
+ line-height: 20px;
1240
+ }
1241
+
1215
1242
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1243
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1217
1244
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/fluent.css CHANGED
@@ -198,6 +198,7 @@
198
198
  border-width: unset;
199
199
  font-size: 14px;
200
200
  font-weight: 400;
201
+ box-shadow: none;
201
202
  }
202
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
203
204
  border-radius: unset;
@@ -335,6 +336,7 @@
335
336
  border: none;
336
337
  height: 26px;
337
338
  margin: auto;
339
+ box-shadow: none;
338
340
  }
339
341
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
342
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -474,6 +476,8 @@
474
476
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
477
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
478
  min-width: auto;
479
+ min-height: auto;
480
+ border-radius: unset;
477
481
  }
478
482
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
479
483
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -557,6 +561,7 @@
557
561
  font-weight: 400;
558
562
  font-size: 12px;
559
563
  text-transform: none;
564
+ box-shadow: none;
560
565
  }
561
566
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
562
567
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -665,6 +670,7 @@
665
670
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
666
671
  border: 1px solid transparent;
667
672
  border-radius: 2px;
673
+ box-shadow: none;
668
674
  }
669
675
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
670
676
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -789,6 +795,7 @@
789
795
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
790
796
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
791
797
  line-height: 18px;
798
+ overflow: hidden;
792
799
  }
793
800
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
794
801
  width: inherit;
@@ -836,6 +843,17 @@
836
843
  padding-left: 26px !important; /* stylelint-disable-line declaration-no-important */
837
844
  }
838
845
 
846
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
847
+ font-size: 12px;
848
+ height: 24px;
849
+ -ms-flex-align: center;
850
+ align-items: center;
851
+ }
852
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
853
+ font-size: 16px;
854
+ line-height: 16px;
855
+ }
856
+
839
857
  .e-ribbon-tooltip .e-tip-content {
840
858
  padding: 4px;
841
859
  }
@@ -1212,6 +1230,15 @@
1212
1230
  padding: 7px;
1213
1231
  }
1214
1232
 
1233
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1234
+ font-size: 14px;
1235
+ height: 32px;
1236
+ }
1237
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1238
+ font-size: 20px;
1239
+ line-height: 20px;
1240
+ }
1241
+
1215
1242
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1243
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1217
1244
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/highcontrast-light.css CHANGED
@@ -121,6 +121,7 @@
121
121
  border-width: 0 0 1px 0;
122
122
  font-size: 14px;
123
123
  font-weight: 400;
124
+ box-shadow: none;
124
125
  }
125
126
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
126
127
  border-radius: unset;
@@ -258,6 +259,7 @@
258
259
  border: 2px solid;
259
260
  height: 40px;
260
261
  margin: auto;
262
+ box-shadow: none;
261
263
  }
262
264
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
263
265
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -397,6 +399,8 @@
397
399
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
398
400
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
399
401
  min-width: auto;
402
+ min-height: auto;
403
+ border-radius: unset;
400
404
  }
401
405
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
402
406
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -480,6 +484,7 @@
480
484
  font-weight: 400;
481
485
  font-size: 14px;
482
486
  text-transform: none;
487
+ box-shadow: none;
483
488
  }
484
489
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
485
490
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -588,6 +593,7 @@
588
593
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
589
594
  border: 1px solid transparent;
590
595
  border-radius: unset;
596
+ box-shadow: none;
591
597
  }
592
598
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
593
599
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -712,6 +718,7 @@
712
718
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
713
719
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
714
720
  line-height: 22px;
721
+ overflow: hidden;
715
722
  }
716
723
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
717
724
  width: inherit;
@@ -759,6 +766,17 @@
759
766
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
760
767
  }
761
768
 
769
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
770
+ font-size: 16px;
771
+ height: 36px;
772
+ -ms-flex-align: center;
773
+ align-items: center;
774
+ }
775
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
776
+ font-size: 16px;
777
+ line-height: 16px;
778
+ }
779
+
762
780
  .e-ribbon-tooltip .e-tip-content {
763
781
  padding: 4px;
764
782
  }
@@ -1135,6 +1153,15 @@
1135
1153
  padding: 10px;
1136
1154
  }
1137
1155
 
1156
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1157
+ font-size: 16px;
1158
+ height: 45px;
1159
+ }
1160
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1161
+ font-size: 20px;
1162
+ line-height: 20px;
1163
+ }
1164
+
1138
1165
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1139
1166
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1140
1167
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/highcontrast.css CHANGED
@@ -130,6 +130,7 @@
130
130
  border-width: 0 0 1px 0;
131
131
  font-size: 14px;
132
132
  font-weight: 400;
133
+ box-shadow: none;
133
134
  }
134
135
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
135
136
  border-radius: unset;
@@ -243,7 +244,7 @@
243
244
  height: 40px;
244
245
  }
245
246
  .e-ribbon.e-rbn .e-content {
246
- width: calc(100% - 20px);
247
+ width: calc(100% - 25px);
247
248
  }
248
249
  .e-ribbon.e-rbn .e-ribbon-collapse-btn {
249
250
  bottom: 0;
@@ -257,7 +258,7 @@
257
258
  transform: rotate(180deg);
258
259
  }
259
260
  .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
260
- width: calc(100% - 20px - 40px);
261
+ width: calc(100% - 25px - 40px);
261
262
  }
262
263
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
263
264
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
@@ -267,6 +268,7 @@
267
268
  border: 2px solid;
268
269
  height: 40px;
269
270
  margin: auto;
271
+ box-shadow: none;
270
272
  }
271
273
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
272
274
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -406,6 +408,8 @@
406
408
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
407
409
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
408
410
  min-width: auto;
411
+ min-height: auto;
412
+ border-radius: unset;
409
413
  }
410
414
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
411
415
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -489,6 +493,7 @@
489
493
  font-weight: 400;
490
494
  font-size: 14px;
491
495
  text-transform: none;
496
+ box-shadow: none;
492
497
  }
493
498
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
494
499
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -597,6 +602,7 @@
597
602
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
598
603
  border: 1px solid transparent;
599
604
  border-radius: unset;
605
+ box-shadow: none;
600
606
  }
601
607
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
602
608
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -721,6 +727,7 @@
721
727
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
722
728
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
723
729
  line-height: 22px;
730
+ overflow: hidden;
724
731
  }
725
732
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
726
733
  width: inherit;
@@ -768,6 +775,17 @@
768
775
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
769
776
  }
770
777
 
778
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
779
+ font-size: 16px;
780
+ height: 36px;
781
+ -ms-flex-align: center;
782
+ align-items: center;
783
+ }
784
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
785
+ font-size: 16px;
786
+ line-height: 16px;
787
+ }
788
+
771
789
  .e-ribbon-tooltip .e-tip-content {
772
790
  padding: 4px;
773
791
  }
@@ -836,7 +854,7 @@
836
854
  }
837
855
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
838
856
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
839
- width: calc(100% - 24px);
857
+ width: calc(100% - 28px);
840
858
  }
841
859
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
842
860
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
@@ -846,7 +864,7 @@
846
864
  }
847
865
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
848
866
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
849
- width: calc(100% - 24px - 40px);
867
+ width: calc(100% - 28px - 40px);
850
868
  }
851
869
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
852
870
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
@@ -1144,6 +1162,15 @@
1144
1162
  padding: 10px;
1145
1163
  }
1146
1164
 
1165
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1166
+ font-size: 16px;
1167
+ height: 45px;
1168
+ }
1169
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1170
+ font-size: 20px;
1171
+ line-height: 20px;
1172
+ }
1173
+
1147
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1148
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1149
1176
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/material-dark.css CHANGED
@@ -184,6 +184,7 @@
184
184
  border-width: 0 0 1px 0;
185
185
  font-size: 14px;
186
186
  font-weight: 400;
187
+ box-shadow: none;
187
188
  }
188
189
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
189
190
  border-radius: unset;
@@ -321,6 +322,7 @@
321
322
  border: none;
322
323
  height: 32px;
323
324
  margin: auto;
325
+ box-shadow: none;
324
326
  }
325
327
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
326
328
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -460,6 +462,8 @@
460
462
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
461
463
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
462
464
  min-width: auto;
465
+ min-height: auto;
466
+ border-radius: unset;
463
467
  }
464
468
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
465
469
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -543,6 +547,7 @@
543
547
  font-weight: 400;
544
548
  font-size: 12px;
545
549
  text-transform: none;
550
+ box-shadow: none;
546
551
  }
547
552
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
548
553
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -651,6 +656,7 @@
651
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
652
657
  border: 1px solid transparent;
653
658
  border-radius: unset;
659
+ box-shadow: none;
654
660
  }
655
661
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
656
662
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -775,6 +781,7 @@
775
781
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
776
782
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
777
783
  line-height: 22px;
784
+ overflow: hidden;
778
785
  }
779
786
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
780
787
  width: inherit;
@@ -822,6 +829,17 @@
822
829
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
823
830
  }
824
831
 
832
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
833
+ font-size: 14px;
834
+ height: 36px;
835
+ -ms-flex-align: center;
836
+ align-items: center;
837
+ }
838
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
839
+ font-size: 16px;
840
+ line-height: 16px;
841
+ }
842
+
825
843
  .e-ribbon-tooltip .e-tip-content {
826
844
  padding: 4px;
827
845
  }
@@ -1198,6 +1216,15 @@
1198
1216
  padding: 8px;
1199
1217
  }
1200
1218
 
1219
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1220
+ font-size: 16px;
1221
+ height: 48px;
1222
+ }
1223
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1224
+ font-size: 20px;
1225
+ line-height: 20px;
1226
+ }
1227
+
1201
1228
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1202
1229
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1203
1230
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/material.css CHANGED
@@ -217,6 +217,7 @@
217
217
  border-width: 0 0 1px 0;
218
218
  font-size: 14px;
219
219
  font-weight: 400;
220
+ box-shadow: none;
220
221
  }
221
222
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
222
223
  border-radius: unset;
@@ -354,6 +355,7 @@
354
355
  border: none;
355
356
  height: 32px;
356
357
  margin: auto;
358
+ box-shadow: none;
357
359
  }
358
360
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
359
361
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -493,6 +495,8 @@
493
495
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
494
496
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
495
497
  min-width: auto;
498
+ min-height: auto;
499
+ border-radius: unset;
496
500
  }
497
501
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
498
502
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -576,6 +580,7 @@
576
580
  font-weight: 400;
577
581
  font-size: 12px;
578
582
  text-transform: none;
583
+ box-shadow: none;
579
584
  }
580
585
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
581
586
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -684,6 +689,7 @@
684
689
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
685
690
  border: 1px solid transparent;
686
691
  border-radius: unset;
692
+ box-shadow: none;
687
693
  }
688
694
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
689
695
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -808,6 +814,7 @@
808
814
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
809
815
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
810
816
  line-height: 18px;
817
+ overflow: hidden;
811
818
  }
812
819
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
813
820
  width: inherit;
@@ -855,6 +862,17 @@
855
862
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
856
863
  }
857
864
 
865
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
866
+ font-size: 14px;
867
+ height: 36px;
868
+ -ms-flex-align: center;
869
+ align-items: center;
870
+ }
871
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
872
+ font-size: 16px;
873
+ line-height: 16px;
874
+ }
875
+
858
876
  .e-ribbon-tooltip .e-tip-content {
859
877
  padding: 4px;
860
878
  }
@@ -1231,6 +1249,15 @@
1231
1249
  padding: 8px;
1232
1250
  }
1233
1251
 
1252
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1253
+ font-size: 16px;
1254
+ height: 48px;
1255
+ }
1256
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1257
+ font-size: 20px;
1258
+ line-height: 20px;
1259
+ }
1260
+
1234
1261
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1235
1262
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1236
1263
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,