@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
@@ -514,9 +514,14 @@
514
514
  .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 {
515
515
  font-size: 16px;
516
516
  line-height: 16px;
517
+ min-height: 16px;
518
+ min-width: 16px;
519
+ background-repeat: no-repeat;
520
+ background-size: contain;
521
+ background-position: center;
517
522
  width: auto;
518
523
  margin-right: unset;
519
- padding: 12px 16px;
524
+ margin: 12px 16px 16px;
520
525
  }
521
526
  .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 {
522
527
  padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -759,6 +764,11 @@
759
764
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
760
765
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
761
766
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
767
+ min-height: 32px;
768
+ min-width: 32px;
769
+ background-repeat: no-repeat;
770
+ background-size: contain;
771
+ background-position: center;
762
772
  font-size: 32px;
763
773
  font-weight: 400;
764
774
  padding: 12px 10px 4px;
@@ -899,6 +909,15 @@
899
909
  line-height: 16px;
900
910
  margin: 10px;
901
911
  }
912
+ .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),
913
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
915
+ min-height: 16px;
916
+ min-width: 16px;
917
+ background-repeat: no-repeat;
918
+ background-size: contain;
919
+ background-position: center;
920
+ }
902
921
  .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,
903
922
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
904
923
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1049,6 +1068,10 @@
1049
1068
  width: 100%;
1050
1069
  height: 32px;
1051
1070
  }
1071
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1072
+ min-width: 16px;
1073
+ min-height: 16px;
1074
+ }
1052
1075
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1053
1076
  margin: 0;
1054
1077
  }
@@ -1080,7 +1103,7 @@
1080
1103
  margin-left: 38px;
1081
1104
  }
1082
1105
  .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 {
1083
- padding: 8px 8px 8px 12px;
1106
+ margin: 8px 8px 8px 12px;
1084
1107
  }
1085
1108
  .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)) {
1086
1109
  padding-left: 38px;
@@ -1104,7 +1127,7 @@
1104
1127
  margin-right: 38px;
1105
1128
  }
1106
1129
  .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 {
1107
- padding: 8px 12px 8px 8px;
1130
+ margin: 8px 12px 8px 8px;
1108
1131
  }
1109
1132
  .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)) {
1110
1133
  padding-right: 38px;
@@ -1173,6 +1196,11 @@
1173
1196
  font-size: 16px;
1174
1197
  font-weight: 400;
1175
1198
  line-height: 16px;
1199
+ min-height: 16px;
1200
+ min-width: 16px;
1201
+ background-repeat: no-repeat;
1202
+ background-size: contain;
1203
+ background-position: center;
1176
1204
  margin: 10px;
1177
1205
  width: auto;
1178
1206
  }
@@ -1280,6 +1308,10 @@
1280
1308
  line-height: 20px;
1281
1309
  padding: 3px;
1282
1310
  background-size: cover;
1311
+ min-width: 20px;
1312
+ min-height: 20px;
1313
+ background-position: center;
1314
+ background-repeat: no-repeat;
1283
1315
  }
1284
1316
  .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,
1285
1317
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1331,6 +1363,11 @@
1331
1363
  border-radius: unset;
1332
1364
  }
1333
1365
  .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 {
1366
+ min-height: 16px;
1367
+ min-width: 16px;
1368
+ background-repeat: no-repeat;
1369
+ background-size: contain;
1370
+ background-position: center;
1334
1371
  width: auto;
1335
1372
  }
1336
1373
  .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 {
@@ -1347,6 +1384,11 @@
1347
1384
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1348
1385
  font-size: 16px;
1349
1386
  line-height: 16px;
1387
+ min-height: 16px;
1388
+ min-width: 16px;
1389
+ background-repeat: no-repeat;
1390
+ background-size: contain;
1391
+ background-position: center;
1350
1392
  }
1351
1393
 
1352
1394
  .e-ribbon-tooltip .e-tip-content {
@@ -1605,6 +1647,11 @@
1605
1647
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1606
1648
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1607
1649
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1650
+ min-height: 36px;
1651
+ min-width: 36px;
1652
+ background-repeat: no-repeat;
1653
+ background-size: contain;
1654
+ background-position: center;
1608
1655
  font-size: 36px;
1609
1656
  padding: 12px 8px 0;
1610
1657
  }
@@ -1679,6 +1726,24 @@
1679
1726
  line-height: 20px;
1680
1727
  margin: 10px;
1681
1728
  }
1729
+ .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),
1730
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1731
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1732
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1733
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1734
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1735
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1736
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1737
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1738
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1739
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1740
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1741
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1742
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1743
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1744
+ min-width: 20px;
1745
+ min-height: 20px;
1746
+ }
1682
1747
  .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,
1683
1748
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1684
1749
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1784,6 +1849,11 @@
1784
1849
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1785
1850
  font-size: 18px;
1786
1851
  }
1852
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1854
+ min-width: 18px;
1855
+ min-height: 18px;
1856
+ }
1787
1857
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1788
1858
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1789
1859
  margin: 0;
@@ -1823,7 +1893,7 @@
1823
1893
  }
1824
1894
  .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,
1825
1895
  .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 {
1826
- padding: 10px 12px 10px 16px;
1896
+ margin: 10px 12px 10px 16px;
1827
1897
  }
1828
1898
  .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)),
1829
1899
  .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)) {
@@ -1852,7 +1922,7 @@
1852
1922
  }
1853
1923
  .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,
1854
1924
  .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 {
1855
- padding: 10px 16px 10px 12px;
1925
+ margin: 10px 16px 10px 12px;
1856
1926
  }
1857
1927
  .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)),
1858
1928
  .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)) {
@@ -1881,6 +1951,8 @@
1881
1951
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1882
1952
  font-size: 20px;
1883
1953
  line-height: 20px;
1954
+ min-height: 20px;
1955
+ min-width: 20px;
1884
1956
  }
1885
1957
 
1886
1958
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1889,6 +1961,13 @@
1889
1961
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1890
1962
  padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
1891
1963
  }
1964
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1965
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1966
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
1967
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1968
+ min-width: 16px;
1969
+ min-height: 16px;
1970
+ }
1892
1971
 
1893
1972
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1894
1973
  height: 50px;
@@ -1912,7 +1991,9 @@
1912
1991
  .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 {
1913
1992
  font-size: 20px;
1914
1993
  line-height: 20px;
1915
- padding: 15px 16px;
1994
+ margin: 15px 16px 19px;
1995
+ min-width: 20px;
1996
+ min-height: 20px;
1916
1997
  }
1917
1998
  .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,
1918
1999
  .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,
@@ -1930,6 +2011,8 @@
1930
2011
  font-size: 20px;
1931
2012
  line-height: 20px;
1932
2013
  margin: 10px;
2014
+ min-height: 20px;
2015
+ min-width: 20px;
1933
2016
  }
1934
2017
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1935
2018
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
@@ -519,9 +519,14 @@
519
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-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 {
520
520
  font-size: 16px;
521
521
  line-height: 16px;
522
+ min-height: 16px;
523
+ min-width: 16px;
524
+ background-repeat: no-repeat;
525
+ background-size: contain;
526
+ background-position: center;
522
527
  width: auto;
523
528
  margin-right: unset;
524
- padding: 12px 16px;
529
+ margin: 12px 16px 16px;
525
530
  }
526
531
  .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 {
527
532
  padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -764,6 +769,11 @@
764
769
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
765
770
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
766
771
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
772
+ min-height: 32px;
773
+ min-width: 32px;
774
+ background-repeat: no-repeat;
775
+ background-size: contain;
776
+ background-position: center;
767
777
  font-size: 32px;
768
778
  font-weight: 400;
769
779
  padding: 12px 10px 4px;
@@ -904,6 +914,15 @@
904
914
  line-height: 16px;
905
915
  margin: 10px;
906
916
  }
917
+ .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),
918
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
919
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
920
+ min-height: 16px;
921
+ min-width: 16px;
922
+ background-repeat: no-repeat;
923
+ background-size: contain;
924
+ background-position: center;
925
+ }
907
926
  .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,
908
927
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
909
928
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1054,6 +1073,10 @@
1054
1073
  width: 100%;
1055
1074
  height: 32px;
1056
1075
  }
1076
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1077
+ min-width: 14px;
1078
+ min-height: 14px;
1079
+ }
1057
1080
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1058
1081
  margin: 0;
1059
1082
  }
@@ -1085,7 +1108,7 @@
1085
1108
  margin-left: 34px;
1086
1109
  }
1087
1110
  .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 {
1088
- padding: 9px 8px 9px 12px;
1111
+ margin: 9px 8px 9px 12px;
1089
1112
  }
1090
1113
  .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)) {
1091
1114
  padding-left: 34px;
@@ -1109,7 +1132,7 @@
1109
1132
  margin-right: 34px;
1110
1133
  }
1111
1134
  .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 {
1112
- padding: 9px 12px 9px 8px;
1135
+ margin: 9px 12px 9px 8px;
1113
1136
  }
1114
1137
  .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)) {
1115
1138
  padding-right: 34px;
@@ -1178,6 +1201,11 @@
1178
1201
  font-size: 16px;
1179
1202
  font-weight: 400;
1180
1203
  line-height: 16px;
1204
+ min-height: 16px;
1205
+ min-width: 16px;
1206
+ background-repeat: no-repeat;
1207
+ background-size: contain;
1208
+ background-position: center;
1181
1209
  margin: 10px;
1182
1210
  width: auto;
1183
1211
  }
@@ -1285,6 +1313,10 @@
1285
1313
  line-height: 20px;
1286
1314
  padding: 3px;
1287
1315
  background-size: cover;
1316
+ min-width: 20px;
1317
+ min-height: 20px;
1318
+ background-position: center;
1319
+ background-repeat: no-repeat;
1288
1320
  }
1289
1321
  .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,
1290
1322
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1336,6 +1368,11 @@
1336
1368
  border-radius: unset;
1337
1369
  }
1338
1370
  .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 {
1371
+ min-height: 14px;
1372
+ min-width: 14px;
1373
+ background-repeat: no-repeat;
1374
+ background-size: contain;
1375
+ background-position: center;
1339
1376
  width: auto;
1340
1377
  }
1341
1378
  .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 {
@@ -1352,6 +1389,11 @@
1352
1389
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1353
1390
  font-size: 16px;
1354
1391
  line-height: 16px;
1392
+ min-height: 16px;
1393
+ min-width: 16px;
1394
+ background-repeat: no-repeat;
1395
+ background-size: contain;
1396
+ background-position: center;
1355
1397
  }
1356
1398
 
1357
1399
  .e-ribbon-tooltip .e-tip-content {
@@ -1610,6 +1652,11 @@
1610
1652
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1611
1653
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1612
1654
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1655
+ min-height: 36px;
1656
+ min-width: 36px;
1657
+ background-repeat: no-repeat;
1658
+ background-size: contain;
1659
+ background-position: center;
1613
1660
  font-size: 36px;
1614
1661
  padding: 12px 8px 0;
1615
1662
  }
@@ -1684,6 +1731,24 @@
1684
1731
  line-height: 20px;
1685
1732
  margin: 10px;
1686
1733
  }
1734
+ .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),
1735
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1736
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1737
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1738
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1739
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1740
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1741
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1742
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1743
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1744
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1745
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1746
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1747
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1748
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1749
+ min-width: 20px;
1750
+ min-height: 20px;
1751
+ }
1687
1752
  .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,
1688
1753
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1689
1754
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1789,6 +1854,11 @@
1789
1854
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1790
1855
  font-size: 18px;
1791
1856
  }
1857
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1858
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1859
+ min-width: 18px;
1860
+ min-height: 18px;
1861
+ }
1792
1862
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1793
1863
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1794
1864
  margin: 0;
@@ -1828,7 +1898,7 @@
1828
1898
  }
1829
1899
  .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,
1830
1900
  .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 {
1831
- padding: 11px 12px 11px 16px;
1901
+ margin: 11px 12px 11px 16px;
1832
1902
  }
1833
1903
  .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)),
1834
1904
  .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)) {
@@ -1857,7 +1927,7 @@
1857
1927
  }
1858
1928
  .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,
1859
1929
  .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 {
1860
- padding: 11px 16px 11px 12px;
1930
+ margin: 11px 16px 11px 12px;
1861
1931
  }
1862
1932
  .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)),
1863
1933
  .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)) {
@@ -1886,6 +1956,8 @@
1886
1956
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1887
1957
  font-size: 20px;
1888
1958
  line-height: 20px;
1959
+ min-height: 20px;
1960
+ min-width: 20px;
1889
1961
  }
1890
1962
 
1891
1963
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1894,6 +1966,13 @@
1894
1966
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1895
1967
  padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
1896
1968
  }
1969
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1970
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1971
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
1972
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1973
+ min-width: 16px;
1974
+ min-height: 16px;
1975
+ }
1897
1976
 
1898
1977
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1899
1978
  height: 50px;
@@ -1917,7 +1996,9 @@
1917
1996
  .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 {
1918
1997
  font-size: 20px;
1919
1998
  line-height: 20px;
1920
- padding: 15px 16px;
1999
+ margin: 15px 16px 19px;
2000
+ min-width: 20px;
2001
+ min-height: 20px;
1921
2002
  }
1922
2003
  .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
2004
  .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,
@@ -1935,6 +2016,8 @@
1935
2016
  font-size: 20px;
1936
2017
  line-height: 20px;
1937
2018
  margin: 10px;
2019
+ min-height: 20px;
2020
+ min-width: 20px;
1938
2021
  }
1939
2022
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1940
2023
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
@@ -651,9 +651,14 @@
651
651
  .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 {
652
652
  font-size: 16px;
653
653
  line-height: 16px;
654
+ min-height: 16px;
655
+ min-width: 16px;
656
+ background-repeat: no-repeat;
657
+ background-size: contain;
658
+ background-position: center;
654
659
  width: auto;
655
660
  margin-right: unset;
656
- padding: 8px 16px;
661
+ margin: 8px 16px 12px;
657
662
  }
658
663
  .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 {
659
664
  padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -896,6 +901,11 @@
896
901
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
897
902
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
898
903
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
904
+ min-height: 32px;
905
+ min-width: 32px;
906
+ background-repeat: no-repeat;
907
+ background-size: contain;
908
+ background-position: center;
899
909
  font-size: 32px;
900
910
  font-weight: 400;
901
911
  padding: 8px 6px 6px;
@@ -1036,6 +1046,15 @@
1036
1046
  line-height: 16px;
1037
1047
  margin: 8px;
1038
1048
  }
1049
+ .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),
1050
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1051
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1052
+ min-height: 16px;
1053
+ min-width: 16px;
1054
+ background-repeat: no-repeat;
1055
+ background-size: contain;
1056
+ background-position: center;
1057
+ }
1039
1058
  .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,
1040
1059
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1041
1060
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1186,6 +1205,10 @@
1186
1205
  width: 100%;
1187
1206
  height: 32px;
1188
1207
  }
1208
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1209
+ min-width: 14px;
1210
+ min-height: 14px;
1211
+ }
1189
1212
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1190
1213
  margin: 0;
1191
1214
  }
@@ -1217,7 +1240,7 @@
1217
1240
  margin-left: 34px;
1218
1241
  }
1219
1242
  .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 {
1220
- padding: 10px 8px 10px 12px;
1243
+ margin: 10px 8px 10px 12px;
1221
1244
  }
1222
1245
  .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)) {
1223
1246
  padding-left: 34px;
@@ -1241,7 +1264,7 @@
1241
1264
  margin-right: 34px;
1242
1265
  }
1243
1266
  .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 {
1244
- padding: 10px 12px 10px 8px;
1267
+ margin: 10px 12px 10px 8px;
1245
1268
  }
1246
1269
  .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)) {
1247
1270
  padding-right: 34px;
@@ -1310,6 +1333,11 @@
1310
1333
  font-size: 16px;
1311
1334
  font-weight: 400;
1312
1335
  line-height: 16px;
1336
+ min-height: 16px;
1337
+ min-width: 16px;
1338
+ background-repeat: no-repeat;
1339
+ background-size: contain;
1340
+ background-position: center;
1313
1341
  margin: 8px;
1314
1342
  width: auto;
1315
1343
  }
@@ -1417,6 +1445,10 @@
1417
1445
  line-height: 20px;
1418
1446
  padding: 3px;
1419
1447
  background-size: cover;
1448
+ min-width: 20px;
1449
+ min-height: 20px;
1450
+ background-position: center;
1451
+ background-repeat: no-repeat;
1420
1452
  }
1421
1453
  .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,
1422
1454
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1468,6 +1500,11 @@
1468
1500
  border-radius: unset;
1469
1501
  }
1470
1502
  .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 {
1503
+ min-height: 14px;
1504
+ min-width: 14px;
1505
+ background-repeat: no-repeat;
1506
+ background-size: contain;
1507
+ background-position: center;
1471
1508
  width: auto;
1472
1509
  }
1473
1510
  .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 {
@@ -1484,6 +1521,11 @@
1484
1521
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1485
1522
  font-size: 16px;
1486
1523
  line-height: 16px;
1524
+ min-height: 16px;
1525
+ min-width: 16px;
1526
+ background-repeat: no-repeat;
1527
+ background-size: contain;
1528
+ background-position: center;
1487
1529
  }
1488
1530
 
1489
1531
  .e-ribbon-tooltip .e-tip-content {
@@ -1742,6 +1784,11 @@
1742
1784
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1743
1785
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1744
1786
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1787
+ min-height: 36px;
1788
+ min-width: 36px;
1789
+ background-repeat: no-repeat;
1790
+ background-size: contain;
1791
+ background-position: center;
1745
1792
  font-size: 36px;
1746
1793
  padding: 12px 8px 0;
1747
1794
  }
@@ -1816,6 +1863,24 @@
1816
1863
  line-height: 20px;
1817
1864
  margin: 8px;
1818
1865
  }
1866
+ .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),
1867
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1868
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1869
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1870
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1871
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1872
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1873
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1874
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1875
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1876
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1877
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1878
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1879
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1880
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1881
+ min-width: 20px;
1882
+ min-height: 20px;
1883
+ }
1819
1884
  .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,
1820
1885
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1821
1886
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1921,6 +1986,11 @@
1921
1986
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1922
1987
  font-size: 16px;
1923
1988
  }
1989
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1990
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1991
+ min-width: 16px;
1992
+ min-height: 16px;
1993
+ }
1924
1994
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1925
1995
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1926
1996
  margin: 0;
@@ -1960,7 +2030,7 @@
1960
2030
  }
1961
2031
  .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,
1962
2032
  .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 {
1963
- padding: 12px 12px 12px 16px;
2033
+ margin: 12px 12px 12px 16px;
1964
2034
  }
1965
2035
  .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)),
1966
2036
  .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)) {
@@ -1989,7 +2059,7 @@
1989
2059
  }
1990
2060
  .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,
1991
2061
  .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 {
1992
- padding: 12px 16px 12px 12px;
2062
+ margin: 12px 16px 12px 12px;
1993
2063
  }
1994
2064
  .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)),
1995
2065
  .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)) {
@@ -2018,6 +2088,8 @@
2018
2088
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2019
2089
  font-size: 20px;
2020
2090
  line-height: 20px;
2091
+ min-height: 20px;
2092
+ min-width: 20px;
2021
2093
  }
2022
2094
 
2023
2095
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2026,6 +2098,13 @@
2026
2098
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2027
2099
  padding-left: 42px !important; /* stylelint-disable-line declaration-no-important */
2028
2100
  }
2101
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2102
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2103
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2104
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2105
+ min-width: 16px;
2106
+ min-height: 16px;
2107
+ }
2029
2108
 
2030
2109
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2031
2110
  height: 36px;
@@ -2049,7 +2128,9 @@
2049
2128
  .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 {
2050
2129
  font-size: 20px;
2051
2130
  line-height: 20px;
2052
- padding: 8px 12px 8px 16px;
2131
+ margin: 8px 12px 12px 16px;
2132
+ min-width: 20px;
2133
+ min-height: 20px;
2053
2134
  }
2054
2135
  .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,
2055
2136
  .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,
@@ -2067,6 +2148,8 @@
2067
2148
  font-size: 20px;
2068
2149
  line-height: 20px;
2069
2150
  margin: 8px;
2151
+ min-height: 20px;
2152
+ min-width: 20px;
2070
2153
  }
2071
2154
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2072
2155
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {