@syncfusion/ej2-ribbon 26.2.5 → 26.2.8

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/dist/ej2-ribbon.umd.min.js +1 -1
  2. package/dist/global/ej2-ribbon.min.js +1 -1
  3. package/dist/global/index.d.ts +1 -1
  4. package/hotfix/26.1.35_Vol2.txt +1 -0
  5. package/package.json +9 -9
  6. package/styles/bootstrap-dark.css +89 -6
  7. package/styles/bootstrap.css +89 -6
  8. package/styles/bootstrap4.css +89 -6
  9. package/styles/bootstrap5-dark.css +89 -6
  10. package/styles/bootstrap5.css +89 -6
  11. package/styles/fabric-dark.css +89 -6
  12. package/styles/fabric.css +89 -6
  13. package/styles/fluent-dark.css +89 -6
  14. package/styles/fluent.css +89 -6
  15. package/styles/fluent2.css +98 -1039
  16. package/styles/highcontrast-light.css +89 -6
  17. package/styles/highcontrast.css +89 -6
  18. package/styles/material-dark.css +89 -6
  19. package/styles/material.css +89 -6
  20. package/styles/material3-dark.css +90 -60
  21. package/styles/material3.css +92 -116
  22. package/styles/ribbon/_bds-definition.scss +8 -0
  23. package/styles/ribbon/_bootstrap-dark-definition.scss +10 -2
  24. package/styles/ribbon/_bootstrap-definition.scss +10 -2
  25. package/styles/ribbon/_bootstrap4-definition.scss +10 -2
  26. package/styles/ribbon/_bootstrap5-definition.scss +10 -2
  27. package/styles/ribbon/_bootstrap5.3-definition.scss +10 -2
  28. package/styles/ribbon/_fabric-dark-definition.scss +10 -2
  29. package/styles/ribbon/_fabric-definition.scss +10 -2
  30. package/styles/ribbon/_fluent-definition.scss +10 -2
  31. package/styles/ribbon/_fluent2-definition.scss +10 -2
  32. package/styles/ribbon/_fusionnew-definition.scss +8 -0
  33. package/styles/ribbon/_highcontrast-definition.scss +10 -2
  34. package/styles/ribbon/_highcontrast-light-definition.scss +10 -2
  35. package/styles/ribbon/_layout.scss +62 -8
  36. package/styles/ribbon/_material-dark-definition.scss +10 -2
  37. package/styles/ribbon/_material-definition.scss +10 -2
  38. package/styles/ribbon/_material3-definition.scss +10 -2
  39. package/styles/ribbon/_tailwind-definition.scss +10 -2
  40. package/styles/ribbon/bootstrap-dark.css +89 -6
  41. package/styles/ribbon/bootstrap.css +89 -6
  42. package/styles/ribbon/bootstrap4.css +89 -6
  43. package/styles/ribbon/bootstrap5-dark.css +89 -6
  44. package/styles/ribbon/bootstrap5.css +89 -6
  45. package/styles/ribbon/fabric-dark.css +89 -6
  46. package/styles/ribbon/fabric.css +89 -6
  47. package/styles/ribbon/fluent-dark.css +89 -6
  48. package/styles/ribbon/fluent.css +89 -6
  49. package/styles/ribbon/fluent2.css +98 -1039
  50. package/styles/ribbon/highcontrast-light.css +89 -6
  51. package/styles/ribbon/highcontrast.css +89 -6
  52. package/styles/ribbon/material-dark.css +89 -6
  53. package/styles/ribbon/material.css +89 -6
  54. package/styles/ribbon/material3-dark.css +90 -60
  55. package/styles/ribbon/material3.css +92 -116
  56. package/styles/ribbon/tailwind-dark.css +89 -6
  57. package/styles/ribbon/tailwind.css +89 -6
  58. package/styles/tailwind-dark.css +89 -6
  59. package/styles/tailwind.css +89 -6
@@ -598,9 +598,14 @@
598
598
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
599
599
  font-size: 16px;
600
600
  line-height: 16px;
601
+ min-height: 16px;
602
+ min-width: 16px;
603
+ background-repeat: no-repeat;
604
+ background-size: contain;
605
+ background-position: center;
601
606
  width: auto;
602
607
  margin-right: unset;
603
- padding: 16px 12px 16px 16px;
608
+ margin: 16px 12px 20px 16px;
604
609
  }
605
610
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
606
611
  padding-left: 44px !important; /* stylelint-disable-line declaration-no-important */
@@ -843,6 +848,11 @@
843
848
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
844
849
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
845
850
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
851
+ min-height: 32px;
852
+ min-width: 32px;
853
+ background-repeat: no-repeat;
854
+ background-size: contain;
855
+ background-position: center;
846
856
  font-size: 32px;
847
857
  font-weight: 400;
848
858
  padding: 8px 5px 6px;
@@ -983,6 +993,15 @@
983
993
  line-height: 16px;
984
994
  margin: 8px;
985
995
  }
996
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
997
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
998
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
999
+ min-height: 16px;
1000
+ min-width: 16px;
1001
+ background-repeat: no-repeat;
1002
+ background-size: contain;
1003
+ background-position: center;
1004
+ }
986
1005
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
987
1006
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
988
1007
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1133,6 +1152,10 @@
1133
1152
  width: 100%;
1134
1153
  height: 30px;
1135
1154
  }
1155
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1156
+ min-width: 16px;
1157
+ min-height: 16px;
1158
+ }
1136
1159
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1137
1160
  margin: 0;
1138
1161
  }
@@ -1164,7 +1187,7 @@
1164
1187
  margin-left: 36px;
1165
1188
  }
1166
1189
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1167
- padding: 7px 8px 7px 12px;
1190
+ margin: 7px 8px 7px 12px;
1168
1191
  }
1169
1192
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1170
1193
  padding-left: 36px;
@@ -1188,7 +1211,7 @@
1188
1211
  margin-right: 36px;
1189
1212
  }
1190
1213
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1191
- padding: 7px 12px 7px 8px;
1214
+ margin: 7px 12px 7px 8px;
1192
1215
  }
1193
1216
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1194
1217
  padding-right: 36px;
@@ -1257,6 +1280,11 @@
1257
1280
  font-size: 16px;
1258
1281
  font-weight: 400;
1259
1282
  line-height: 16px;
1283
+ min-height: 16px;
1284
+ min-width: 16px;
1285
+ background-repeat: no-repeat;
1286
+ background-size: contain;
1287
+ background-position: center;
1260
1288
  margin: 8px;
1261
1289
  width: auto;
1262
1290
  }
@@ -1364,6 +1392,10 @@
1364
1392
  line-height: 20px;
1365
1393
  padding: 3px;
1366
1394
  background-size: cover;
1395
+ min-width: 20px;
1396
+ min-height: 20px;
1397
+ background-position: center;
1398
+ background-repeat: no-repeat;
1367
1399
  }
1368
1400
  .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1369
1401
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1415,6 +1447,11 @@
1415
1447
  border-radius: unset;
1416
1448
  }
1417
1449
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1450
+ min-height: 14px;
1451
+ min-width: 14px;
1452
+ background-repeat: no-repeat;
1453
+ background-size: contain;
1454
+ background-position: center;
1418
1455
  width: auto;
1419
1456
  }
1420
1457
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
@@ -1431,6 +1468,11 @@
1431
1468
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1432
1469
  font-size: 16px;
1433
1470
  line-height: 16px;
1471
+ min-height: 16px;
1472
+ min-width: 16px;
1473
+ background-repeat: no-repeat;
1474
+ background-size: contain;
1475
+ background-position: center;
1434
1476
  }
1435
1477
 
1436
1478
  .e-ribbon-tooltip .e-tip-content {
@@ -1689,6 +1731,11 @@
1689
1731
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1690
1732
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1691
1733
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1734
+ min-height: 40px;
1735
+ min-width: 40px;
1736
+ background-repeat: no-repeat;
1737
+ background-size: contain;
1738
+ background-position: center;
1692
1739
  font-size: 40px;
1693
1740
  padding: 8px 5px 6px;
1694
1741
  }
@@ -1763,6 +1810,24 @@
1763
1810
  line-height: 20px;
1764
1811
  margin: 9px;
1765
1812
  }
1813
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1814
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1815
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1816
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1817
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1818
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1819
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1820
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1821
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1822
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1823
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1824
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1825
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1826
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1827
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1828
+ min-width: 20px;
1829
+ min-height: 20px;
1830
+ }
1766
1831
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1767
1832
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1768
1833
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1868,6 +1933,11 @@
1868
1933
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1869
1934
  font-size: 18px;
1870
1935
  }
1936
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1937
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1938
+ min-width: 18px;
1939
+ min-height: 18px;
1940
+ }
1871
1941
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1872
1942
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1873
1943
  margin: 0;
@@ -1907,7 +1977,7 @@
1907
1977
  }
1908
1978
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1909
1979
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1910
- padding: 7px 10px 7px 16px;
1980
+ margin: 7px 10px 7px 16px;
1911
1981
  }
1912
1982
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1913
1983
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1936,7 +2006,7 @@
1936
2006
  }
1937
2007
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1938
2008
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1939
- padding: 7px 16px 7px 10px;
2009
+ margin: 7px 16px 7px 10px;
1940
2010
  }
1941
2011
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1942
2012
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1965,6 +2035,8 @@
1965
2035
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1966
2036
  font-size: 20px;
1967
2037
  line-height: 20px;
2038
+ min-height: 20px;
2039
+ min-width: 20px;
1968
2040
  }
1969
2041
 
1970
2042
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1973,6 +2045,13 @@
1973
2045
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1974
2046
  padding-left: 44px !important; /* stylelint-disable-line declaration-no-important */
1975
2047
  }
2048
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2049
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2050
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2051
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2052
+ min-width: 16px;
2053
+ min-height: 16px;
2054
+ }
1976
2055
 
1977
2056
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1978
2057
  height: 52px;
@@ -1996,7 +2075,9 @@
1996
2075
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
1997
2076
  font-size: 20px;
1998
2077
  line-height: 20px;
1999
- padding: 16px;
2078
+ margin: 16px 16px 20px;
2079
+ min-width: 20px;
2080
+ min-height: 20px;
2000
2081
  }
2001
2082
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
2002
2083
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
@@ -2014,6 +2095,8 @@
2014
2095
  font-size: 20px;
2015
2096
  line-height: 20px;
2016
2097
  margin: 9px;
2098
+ min-height: 20px;
2099
+ min-width: 20px;
2017
2100
  }
2018
2101
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2019
2102
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
@@ -625,9 +625,14 @@
625
625
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
626
626
  font-size: 16px;
627
627
  line-height: 16px;
628
+ min-height: 16px;
629
+ min-width: 16px;
630
+ background-repeat: no-repeat;
631
+ background-size: contain;
632
+ background-position: center;
628
633
  width: auto;
629
634
  margin-right: unset;
630
- padding: 11px 18px 11px 16px;
635
+ margin: 11px 18px 15px 16px;
631
636
  }
632
637
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
633
638
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -870,6 +875,11 @@
870
875
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
871
876
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
872
877
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
878
+ min-height: 24px;
879
+ min-width: 24px;
880
+ background-repeat: no-repeat;
881
+ background-size: contain;
882
+ background-position: center;
873
883
  font-size: 24px;
874
884
  font-weight: 400;
875
885
  padding: 8px 6px 4px;
@@ -1010,6 +1020,15 @@
1010
1020
  line-height: 16px;
1011
1021
  margin: 5px;
1012
1022
  }
1023
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1024
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1025
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1026
+ min-height: 16px;
1027
+ min-width: 16px;
1028
+ background-repeat: no-repeat;
1029
+ background-size: contain;
1030
+ background-position: center;
1031
+ }
1013
1032
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1014
1033
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1015
1034
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1160,6 +1179,10 @@
1160
1179
  width: 100%;
1161
1180
  height: 30px;
1162
1181
  }
1182
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1183
+ min-width: 16px;
1184
+ min-height: 16px;
1185
+ }
1163
1186
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1164
1187
  margin: 0;
1165
1188
  }
@@ -1191,7 +1214,7 @@
1191
1214
  margin-left: 36px;
1192
1215
  }
1193
1216
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1194
- padding: 7px 8px 7px 12px;
1217
+ margin: 7px 8px 7px 12px;
1195
1218
  }
1196
1219
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1197
1220
  padding-left: 36px;
@@ -1215,7 +1238,7 @@
1215
1238
  margin-right: 36px;
1216
1239
  }
1217
1240
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1218
- padding: 7px 12px 7px 8px;
1241
+ margin: 7px 12px 7px 8px;
1219
1242
  }
1220
1243
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1221
1244
  padding-right: 36px;
@@ -1284,6 +1307,11 @@
1284
1307
  font-size: 16px;
1285
1308
  font-weight: 400;
1286
1309
  line-height: 16px;
1310
+ min-height: 16px;
1311
+ min-width: 16px;
1312
+ background-repeat: no-repeat;
1313
+ background-size: contain;
1314
+ background-position: center;
1287
1315
  margin: 5px;
1288
1316
  width: auto;
1289
1317
  }
@@ -1391,6 +1419,10 @@
1391
1419
  line-height: 20px;
1392
1420
  padding: 3px;
1393
1421
  background-size: cover;
1422
+ min-width: 20px;
1423
+ min-height: 20px;
1424
+ background-position: center;
1425
+ background-repeat: no-repeat;
1394
1426
  }
1395
1427
  .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1396
1428
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1442,6 +1474,11 @@
1442
1474
  border-radius: unset;
1443
1475
  }
1444
1476
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1477
+ min-height: 18px;
1478
+ min-width: 18px;
1479
+ background-repeat: no-repeat;
1480
+ background-size: contain;
1481
+ background-position: center;
1445
1482
  width: auto;
1446
1483
  }
1447
1484
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
@@ -1458,6 +1495,11 @@
1458
1495
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1459
1496
  font-size: 16px;
1460
1497
  line-height: 16px;
1498
+ min-height: 16px;
1499
+ min-width: 16px;
1500
+ background-repeat: no-repeat;
1501
+ background-size: contain;
1502
+ background-position: center;
1461
1503
  }
1462
1504
 
1463
1505
  .e-ribbon-tooltip .e-tip-content {
@@ -1716,6 +1758,11 @@
1716
1758
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1717
1759
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1718
1760
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1761
+ min-height: 32px;
1762
+ min-width: 32px;
1763
+ background-repeat: no-repeat;
1764
+ background-size: contain;
1765
+ background-position: center;
1719
1766
  font-size: 32px;
1720
1767
  padding: 8px 3px;
1721
1768
  }
@@ -1790,6 +1837,24 @@
1790
1837
  line-height: 20px;
1791
1838
  margin: 7px;
1792
1839
  }
1840
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1841
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1842
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1843
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1844
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1845
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1846
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1847
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1848
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1849
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1850
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1851
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1852
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1854
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1855
+ min-width: 20px;
1856
+ min-height: 20px;
1857
+ }
1793
1858
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1794
1859
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1795
1860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1895,6 +1960,11 @@
1895
1960
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1896
1961
  font-size: 20px;
1897
1962
  }
1963
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1964
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1965
+ min-width: 20px;
1966
+ min-height: 20px;
1967
+ }
1898
1968
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1899
1969
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1900
1970
  margin: 0;
@@ -1934,7 +2004,7 @@
1934
2004
  }
1935
2005
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1936
2006
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1937
- padding: 7px 10px 7px 16px;
2007
+ margin: 7px 10px 7px 16px;
1938
2008
  }
1939
2009
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1940
2010
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1963,7 +2033,7 @@
1963
2033
  }
1964
2034
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1965
2035
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1966
- padding: 7px 16px 7px 10px;
2036
+ margin: 7px 16px 7px 10px;
1967
2037
  }
1968
2038
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1969
2039
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1992,6 +2062,8 @@
1992
2062
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1993
2063
  font-size: 20px;
1994
2064
  line-height: 20px;
2065
+ min-height: 20px;
2066
+ min-width: 20px;
1995
2067
  }
1996
2068
 
1997
2069
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2000,6 +2072,13 @@
2000
2072
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2001
2073
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2002
2074
  }
2075
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2076
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2077
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2078
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2079
+ min-width: 22px;
2080
+ min-height: 22px;
2081
+ }
2003
2082
 
2004
2083
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2005
2084
  height: 48px;
@@ -2023,7 +2102,9 @@
2023
2102
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
2024
2103
  font-size: 20px;
2025
2104
  line-height: 20px;
2026
- padding: 14px 16px;
2105
+ margin: 14px 16px 18px;
2106
+ min-width: 20px;
2107
+ min-height: 20px;
2027
2108
  }
2028
2109
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
2029
2110
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
@@ -2041,6 +2122,8 @@
2041
2122
  font-size: 20px;
2042
2123
  line-height: 20px;
2043
2124
  margin: 7px;
2125
+ min-height: 20px;
2126
+ min-width: 20px;
2044
2127
  }
2045
2128
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2046
2129
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
@@ -625,9 +625,14 @@
625
625
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
626
626
  font-size: 16px;
627
627
  line-height: 16px;
628
+ min-height: 16px;
629
+ min-width: 16px;
630
+ background-repeat: no-repeat;
631
+ background-size: contain;
632
+ background-position: center;
628
633
  width: auto;
629
634
  margin-right: unset;
630
- padding: 11px 18px 11px 16px;
635
+ margin: 11px 18px 15px 16px;
631
636
  }
632
637
  .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
633
638
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -870,6 +875,11 @@
870
875
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
871
876
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
872
877
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
878
+ min-height: 24px;
879
+ min-width: 24px;
880
+ background-repeat: no-repeat;
881
+ background-size: contain;
882
+ background-position: center;
873
883
  font-size: 24px;
874
884
  font-weight: 400;
875
885
  padding: 8px 6px 4px;
@@ -1010,6 +1020,15 @@
1010
1020
  line-height: 16px;
1011
1021
  margin: 5px;
1012
1022
  }
1023
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1024
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1025
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1026
+ min-height: 16px;
1027
+ min-width: 16px;
1028
+ background-repeat: no-repeat;
1029
+ background-size: contain;
1030
+ background-position: center;
1031
+ }
1013
1032
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1014
1033
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1015
1034
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1160,6 +1179,10 @@
1160
1179
  width: 100%;
1161
1180
  height: 30px;
1162
1181
  }
1182
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1183
+ min-width: 16px;
1184
+ min-height: 16px;
1185
+ }
1163
1186
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1164
1187
  margin: 0;
1165
1188
  }
@@ -1191,7 +1214,7 @@
1191
1214
  margin-left: 36px;
1192
1215
  }
1193
1216
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1194
- padding: 7px 8px 7px 12px;
1217
+ margin: 7px 8px 7px 12px;
1195
1218
  }
1196
1219
  .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1197
1220
  padding-left: 36px;
@@ -1215,7 +1238,7 @@
1215
1238
  margin-right: 36px;
1216
1239
  }
1217
1240
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1218
- padding: 7px 12px 7px 8px;
1241
+ margin: 7px 12px 7px 8px;
1219
1242
  }
1220
1243
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1221
1244
  padding-right: 36px;
@@ -1284,6 +1307,11 @@
1284
1307
  font-size: 16px;
1285
1308
  font-weight: 400;
1286
1309
  line-height: 16px;
1310
+ min-height: 16px;
1311
+ min-width: 16px;
1312
+ background-repeat: no-repeat;
1313
+ background-size: contain;
1314
+ background-position: center;
1287
1315
  margin: 5px;
1288
1316
  width: auto;
1289
1317
  }
@@ -1391,6 +1419,10 @@
1391
1419
  line-height: 20px;
1392
1420
  padding: 3px;
1393
1421
  background-size: cover;
1422
+ min-width: 20px;
1423
+ min-height: 20px;
1424
+ background-position: center;
1425
+ background-repeat: no-repeat;
1394
1426
  }
1395
1427
  .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1396
1428
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1442,6 +1474,11 @@
1442
1474
  border-radius: unset;
1443
1475
  }
1444
1476
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1477
+ min-height: 18px;
1478
+ min-width: 18px;
1479
+ background-repeat: no-repeat;
1480
+ background-size: contain;
1481
+ background-position: center;
1445
1482
  width: auto;
1446
1483
  }
1447
1484
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
@@ -1458,6 +1495,11 @@
1458
1495
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1459
1496
  font-size: 16px;
1460
1497
  line-height: 16px;
1498
+ min-height: 16px;
1499
+ min-width: 16px;
1500
+ background-repeat: no-repeat;
1501
+ background-size: contain;
1502
+ background-position: center;
1461
1503
  }
1462
1504
 
1463
1505
  .e-ribbon-tooltip .e-tip-content {
@@ -1716,6 +1758,11 @@
1716
1758
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1717
1759
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1718
1760
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1761
+ min-height: 32px;
1762
+ min-width: 32px;
1763
+ background-repeat: no-repeat;
1764
+ background-size: contain;
1765
+ background-position: center;
1719
1766
  font-size: 32px;
1720
1767
  padding: 8px 3px;
1721
1768
  }
@@ -1790,6 +1837,24 @@
1790
1837
  line-height: 20px;
1791
1838
  margin: 7px;
1792
1839
  }
1840
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1841
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1842
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1843
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1844
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1845
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1846
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1847
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1848
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1849
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1850
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1851
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1852
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1854
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1855
+ min-width: 20px;
1856
+ min-height: 20px;
1857
+ }
1793
1858
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1794
1859
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1795
1860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1895,6 +1960,11 @@
1895
1960
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1896
1961
  font-size: 20px;
1897
1962
  }
1963
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1964
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1965
+ min-width: 20px;
1966
+ min-height: 20px;
1967
+ }
1898
1968
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1899
1969
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1900
1970
  margin: 0;
@@ -1934,7 +2004,7 @@
1934
2004
  }
1935
2005
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1936
2006
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1937
- padding: 7px 10px 7px 16px;
2007
+ margin: 7px 10px 7px 16px;
1938
2008
  }
1939
2009
  .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1940
2010
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1963,7 +2033,7 @@
1963
2033
  }
1964
2034
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1965
2035
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1966
- padding: 7px 16px 7px 10px;
2036
+ margin: 7px 16px 7px 10px;
1967
2037
  }
1968
2038
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1969
2039
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1992,6 +2062,8 @@
1992
2062
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1993
2063
  font-size: 20px;
1994
2064
  line-height: 20px;
2065
+ min-height: 20px;
2066
+ min-width: 20px;
1995
2067
  }
1996
2068
 
1997
2069
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2000,6 +2072,13 @@
2000
2072
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2001
2073
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2002
2074
  }
2075
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2076
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2077
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2078
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2079
+ min-width: 22px;
2080
+ min-height: 22px;
2081
+ }
2003
2082
 
2004
2083
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2005
2084
  height: 48px;
@@ -2023,7 +2102,9 @@
2023
2102
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
2024
2103
  font-size: 20px;
2025
2104
  line-height: 20px;
2026
- padding: 14px 16px;
2105
+ margin: 14px 16px 18px;
2106
+ min-width: 20px;
2107
+ min-height: 20px;
2027
2108
  }
2028
2109
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
2029
2110
  .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
@@ -2041,6 +2122,8 @@
2041
2122
  font-size: 20px;
2042
2123
  line-height: 20px;
2043
2124
  margin: 7px;
2125
+ min-height: 20px;
2126
+ min-width: 20px;
2044
2127
  }
2045
2128
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2046
2129
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {