@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
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -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 {
package/styles/ribbon/bootstrap5.css CHANGED
@@ -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 {
package/styles/ribbon/fabric-dark.css CHANGED
@@ -507,9 +507,14 @@
507
507
  .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 {
508
508
  font-size: 16px;
509
509
  line-height: 16px;
510
+ min-height: 16px;
511
+ min-width: 16px;
512
+ background-repeat: no-repeat;
513
+ background-size: contain;
514
+ background-position: center;
510
515
  width: auto;
511
516
  margin-right: unset;
512
- padding: 12px 16px;
517
+ margin: 12px 16px 16px;
513
518
  }
514
519
  .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 {
515
520
  padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -752,6 +757,11 @@
752
757
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
753
758
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
754
759
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
760
+ min-height: 32px;
761
+ min-width: 32px;
762
+ background-repeat: no-repeat;
763
+ background-size: contain;
764
+ background-position: center;
755
765
  font-size: 32px;
756
766
  font-weight: 400;
757
767
  padding: 12px 7px 4px;
@@ -892,6 +902,15 @@
892
902
  line-height: 16px;
893
903
  margin: 8px;
894
904
  }
905
+ .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),
906
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
907
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
908
+ min-height: 16px;
909
+ min-width: 16px;
910
+ background-repeat: no-repeat;
911
+ background-size: contain;
912
+ background-position: center;
913
+ }
895
914
  .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,
896
915
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
897
916
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1042,6 +1061,10 @@
1042
1061
  width: 100%;
1043
1062
  height: 32px;
1044
1063
  }
1064
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1065
+ min-width: 14px;
1066
+ min-height: 14px;
1067
+ }
1045
1068
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1046
1069
  margin: 0;
1047
1070
  }
@@ -1073,7 +1096,7 @@
1073
1096
  margin-left: 34px;
1074
1097
  }
1075
1098
  .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 {
1076
- padding: 9px 8px 9px 12px;
1099
+ margin: 9px 8px 9px 12px;
1077
1100
  }
1078
1101
  .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)) {
1079
1102
  padding-left: 34px;
@@ -1097,7 +1120,7 @@
1097
1120
  margin-right: 34px;
1098
1121
  }
1099
1122
  .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 {
1100
- padding: 9px 12px 9px 8px;
1123
+ margin: 9px 12px 9px 8px;
1101
1124
  }
1102
1125
  .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)) {
1103
1126
  padding-right: 34px;
@@ -1166,6 +1189,11 @@
1166
1189
  font-size: 16px;
1167
1190
  font-weight: 400;
1168
1191
  line-height: 16px;
1192
+ min-height: 16px;
1193
+ min-width: 16px;
1194
+ background-repeat: no-repeat;
1195
+ background-size: contain;
1196
+ background-position: center;
1169
1197
  margin: 8px;
1170
1198
  width: auto;
1171
1199
  }
@@ -1273,6 +1301,10 @@
1273
1301
  line-height: 20px;
1274
1302
  padding: 3px;
1275
1303
  background-size: cover;
1304
+ min-width: 20px;
1305
+ min-height: 20px;
1306
+ background-position: center;
1307
+ background-repeat: no-repeat;
1276
1308
  }
1277
1309
  .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,
1278
1310
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1324,6 +1356,11 @@
1324
1356
  border-radius: unset;
1325
1357
  }
1326
1358
  .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 {
1359
+ min-height: 14px;
1360
+ min-width: 14px;
1361
+ background-repeat: no-repeat;
1362
+ background-size: contain;
1363
+ background-position: center;
1327
1364
  width: auto;
1328
1365
  }
1329
1366
  .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 {
@@ -1340,6 +1377,11 @@
1340
1377
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1341
1378
  font-size: 16px;
1342
1379
  line-height: 16px;
1380
+ min-height: 16px;
1381
+ min-width: 16px;
1382
+ background-repeat: no-repeat;
1383
+ background-size: contain;
1384
+ background-position: center;
1343
1385
  }
1344
1386
 
1345
1387
  .e-ribbon-tooltip .e-tip-content {
@@ -1598,6 +1640,11 @@
1598
1640
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1599
1641
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1600
1642
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1643
+ min-height: 36px;
1644
+ min-width: 36px;
1645
+ background-repeat: no-repeat;
1646
+ background-size: contain;
1647
+ background-position: center;
1601
1648
  font-size: 36px;
1602
1649
  padding: 12px 10px 4px;
1603
1650
  }
@@ -1672,6 +1719,24 @@
1672
1719
  line-height: 20px;
1673
1720
  margin: 10px;
1674
1721
  }
1722
+ .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),
1723
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1724
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1725
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1726
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1727
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1728
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1729
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1730
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1731
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1732
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1733
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1734
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1735
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1736
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1737
+ min-width: 20px;
1738
+ min-height: 20px;
1739
+ }
1675
1740
  .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,
1676
1741
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1677
1742
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1777,6 +1842,11 @@
1777
1842
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1778
1843
  font-size: 18px;
1779
1844
  }
1845
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1846
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1847
+ min-width: 18px;
1848
+ min-height: 18px;
1849
+ }
1780
1850
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1781
1851
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1782
1852
  margin: 0;
@@ -1816,7 +1886,7 @@
1816
1886
  }
1817
1887
  .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,
1818
1888
  .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 {
1819
- padding: 11px 12px 11px 16px;
1889
+ margin: 11px 12px 11px 16px;
1820
1890
  }
1821
1891
  .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)),
1822
1892
  .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)) {
@@ -1845,7 +1915,7 @@
1845
1915
  }
1846
1916
  .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,
1847
1917
  .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 {
1848
- padding: 11px 16px 11px 12px;
1918
+ margin: 11px 16px 11px 12px;
1849
1919
  }
1850
1920
  .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)),
1851
1921
  .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)) {
@@ -1874,6 +1944,8 @@
1874
1944
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1875
1945
  font-size: 20px;
1876
1946
  line-height: 20px;
1947
+ min-height: 20px;
1948
+ min-width: 20px;
1877
1949
  }
1878
1950
 
1879
1951
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1882,6 +1954,13 @@
1882
1954
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1883
1955
  padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
1884
1956
  }
1957
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1958
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1959
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
1960
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1961
+ min-width: 16px;
1962
+ min-height: 16px;
1963
+ }
1885
1964
 
1886
1965
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1887
1966
  height: 50px;
@@ -1905,7 +1984,9 @@
1905
1984
  .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 {
1906
1985
  font-size: 20px;
1907
1986
  line-height: 20px;
1908
- padding: 15px 16px;
1987
+ margin: 15px 16px 19px;
1988
+ min-width: 20px;
1989
+ min-height: 20px;
1909
1990
  }
1910
1991
  .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,
1911
1992
  .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,
@@ -1923,6 +2004,8 @@
1923
2004
  font-size: 20px;
1924
2005
  line-height: 20px;
1925
2006
  margin: 10px;
2007
+ min-height: 20px;
2008
+ min-width: 20px;
1926
2009
  }
1927
2010
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1928
2011
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {