@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/tailwind.css CHANGED
@@ -632,9 +632,14 @@
632
632
  .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 {
633
633
  font-size: 16px;
634
634
  line-height: 16px;
635
+ min-height: 16px;
636
+ min-width: 16px;
637
+ background-repeat: no-repeat;
638
+ background-size: contain;
639
+ background-position: center;
635
640
  width: auto;
636
641
  margin-right: unset;
637
- padding: 11px 18px 11px 16px;
642
+ margin: 11px 18px 15px 16px;
638
643
  }
639
644
  .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 {
640
645
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -877,6 +882,11 @@
877
882
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
878
883
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
879
884
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
885
+ min-height: 24px;
886
+ min-width: 24px;
887
+ background-repeat: no-repeat;
888
+ background-size: contain;
889
+ background-position: center;
880
890
  font-size: 24px;
881
891
  font-weight: 400;
882
892
  padding: 8px 6px 4px;
@@ -1017,6 +1027,15 @@
1017
1027
  line-height: 16px;
1018
1028
  margin: 5px;
1019
1029
  }
1030
+ .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),
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1032
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1033
+ min-height: 16px;
1034
+ min-width: 16px;
1035
+ background-repeat: no-repeat;
1036
+ background-size: contain;
1037
+ background-position: center;
1038
+ }
1020
1039
  .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,
1021
1040
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1022
1041
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1167,6 +1186,10 @@
1167
1186
  width: 100%;
1168
1187
  height: 32px;
1169
1188
  }
1189
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1190
+ min-width: 18px;
1191
+ min-height: 18px;
1192
+ }
1170
1193
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1171
1194
  margin: 0;
1172
1195
  }
@@ -1198,7 +1221,7 @@
1198
1221
  margin-left: 34px;
1199
1222
  }
1200
1223
  .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 {
1201
- padding: 7px 8px 7px 12px;
1224
+ margin: 7px 8px 7px 12px;
1202
1225
  }
1203
1226
  .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)) {
1204
1227
  padding-left: 34px;
@@ -1222,7 +1245,7 @@
1222
1245
  margin-right: 34px;
1223
1246
  }
1224
1247
  .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 {
1225
- padding: 7px 12px 7px 8px;
1248
+ margin: 7px 12px 7px 8px;
1226
1249
  }
1227
1250
  .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)) {
1228
1251
  padding-right: 34px;
@@ -1291,6 +1314,11 @@
1291
1314
  font-size: 16px;
1292
1315
  font-weight: 400;
1293
1316
  line-height: 16px;
1317
+ min-height: 16px;
1318
+ min-width: 16px;
1319
+ background-repeat: no-repeat;
1320
+ background-size: contain;
1321
+ background-position: center;
1294
1322
  margin: 5px;
1295
1323
  width: auto;
1296
1324
  }
@@ -1398,6 +1426,10 @@
1398
1426
  line-height: 20px;
1399
1427
  padding: 3px;
1400
1428
  background-size: cover;
1429
+ min-width: 20px;
1430
+ min-height: 20px;
1431
+ background-position: center;
1432
+ background-repeat: no-repeat;
1401
1433
  }
1402
1434
  .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,
1403
1435
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1449,6 +1481,11 @@
1449
1481
  border-radius: unset;
1450
1482
  }
1451
1483
  .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 {
1484
+ min-height: 18px;
1485
+ min-width: 18px;
1486
+ background-repeat: no-repeat;
1487
+ background-size: contain;
1488
+ background-position: center;
1452
1489
  width: auto;
1453
1490
  }
1454
1491
  .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 {
@@ -1465,6 +1502,11 @@
1465
1502
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1466
1503
  font-size: 16px;
1467
1504
  line-height: 16px;
1505
+ min-height: 16px;
1506
+ min-width: 16px;
1507
+ background-repeat: no-repeat;
1508
+ background-size: contain;
1509
+ background-position: center;
1468
1510
  }
1469
1511
 
1470
1512
  .e-ribbon-tooltip .e-tip-content {
@@ -1723,6 +1765,11 @@
1723
1765
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1724
1766
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1725
1767
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1768
+ min-height: 32px;
1769
+ min-width: 32px;
1770
+ background-repeat: no-repeat;
1771
+ background-size: contain;
1772
+ background-position: center;
1726
1773
  font-size: 32px;
1727
1774
  padding: 8px 3px;
1728
1775
  }
@@ -1797,6 +1844,24 @@
1797
1844
  line-height: 20px;
1798
1845
  margin: 7px;
1799
1846
  }
1847
+ .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),
1848
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1849
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1850
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1851
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1852
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1854
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1855
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1856
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1857
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1858
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1859
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1860
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1861
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1862
+ min-width: 20px;
1863
+ min-height: 20px;
1864
+ }
1800
1865
  .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,
1801
1866
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1802
1867
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1902,6 +1967,11 @@
1902
1967
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1903
1968
  font-size: 18px;
1904
1969
  }
1970
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1971
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1972
+ min-width: 18px;
1973
+ min-height: 18px;
1974
+ }
1905
1975
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1906
1976
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1907
1977
  margin: 0;
@@ -1941,7 +2011,7 @@
1941
2011
  }
1942
2012
  .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,
1943
2013
  .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 {
1944
- padding: 9px 12px 9px 16px;
2014
+ margin: 9px 12px 9px 16px;
1945
2015
  }
1946
2016
  .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)),
1947
2017
  .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)) {
@@ -1970,7 +2040,7 @@
1970
2040
  }
1971
2041
  .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,
1972
2042
  .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 {
1973
- padding: 9px 16px 9px 12px;
2043
+ margin: 9px 16px 9px 12px;
1974
2044
  }
1975
2045
  .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)),
1976
2046
  .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)) {
@@ -1999,6 +2069,8 @@
1999
2069
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2000
2070
  font-size: 20px;
2001
2071
  line-height: 20px;
2072
+ min-height: 20px;
2073
+ min-width: 20px;
2002
2074
  }
2003
2075
 
2004
2076
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2007,6 +2079,13 @@
2007
2079
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2008
2080
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2009
2081
  }
2082
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2083
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2084
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2085
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2086
+ min-width: 22px;
2087
+ min-height: 22px;
2088
+ }
2010
2089
 
2011
2090
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2012
2091
  height: 48px;
@@ -2030,7 +2109,9 @@
2030
2109
  .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 {
2031
2110
  font-size: 20px;
2032
2111
  line-height: 20px;
2033
- padding: 14px 16px;
2112
+ margin: 14px 16px 18px;
2113
+ min-width: 20px;
2114
+ min-height: 20px;
2034
2115
  }
2035
2116
  .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,
2036
2117
  .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,
@@ -2048,6 +2129,8 @@
2048
2129
  font-size: 20px;
2049
2130
  line-height: 20px;
2050
2131
  margin: 7px;
2132
+ min-height: 20px;
2133
+ min-width: 20px;
2051
2134
  }
2052
2135
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2053
2136
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
package/styles/tailwind-dark.css CHANGED
@@ -632,9 +632,14 @@
632
632
  .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 {
633
633
  font-size: 16px;
634
634
  line-height: 16px;
635
+ min-height: 16px;
636
+ min-width: 16px;
637
+ background-repeat: no-repeat;
638
+ background-size: contain;
639
+ background-position: center;
635
640
  width: auto;
636
641
  margin-right: unset;
637
- padding: 11px 18px 11px 16px;
642
+ margin: 11px 18px 15px 16px;
638
643
  }
639
644
  .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 {
640
645
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -877,6 +882,11 @@
877
882
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
878
883
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
879
884
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
885
+ min-height: 24px;
886
+ min-width: 24px;
887
+ background-repeat: no-repeat;
888
+ background-size: contain;
889
+ background-position: center;
880
890
  font-size: 24px;
881
891
  font-weight: 400;
882
892
  padding: 8px 6px 4px;
@@ -1017,6 +1027,15 @@
1017
1027
  line-height: 16px;
1018
1028
  margin: 5px;
1019
1029
  }
1030
+ .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),
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1032
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1033
+ min-height: 16px;
1034
+ min-width: 16px;
1035
+ background-repeat: no-repeat;
1036
+ background-size: contain;
1037
+ background-position: center;
1038
+ }
1020
1039
  .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,
1021
1040
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1022
1041
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1167,6 +1186,10 @@
1167
1186
  width: 100%;
1168
1187
  height: 32px;
1169
1188
  }
1189
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1190
+ min-width: 18px;
1191
+ min-height: 18px;
1192
+ }
1170
1193
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1171
1194
  margin: 0;
1172
1195
  }
@@ -1198,7 +1221,7 @@
1198
1221
  margin-left: 34px;
1199
1222
  }
1200
1223
  .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 {
1201
- padding: 7px 8px 7px 12px;
1224
+ margin: 7px 8px 7px 12px;
1202
1225
  }
1203
1226
  .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)) {
1204
1227
  padding-left: 34px;
@@ -1222,7 +1245,7 @@
1222
1245
  margin-right: 34px;
1223
1246
  }
1224
1247
  .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 {
1225
- padding: 7px 12px 7px 8px;
1248
+ margin: 7px 12px 7px 8px;
1226
1249
  }
1227
1250
  .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)) {
1228
1251
  padding-right: 34px;
@@ -1291,6 +1314,11 @@
1291
1314
  font-size: 16px;
1292
1315
  font-weight: 400;
1293
1316
  line-height: 16px;
1317
+ min-height: 16px;
1318
+ min-width: 16px;
1319
+ background-repeat: no-repeat;
1320
+ background-size: contain;
1321
+ background-position: center;
1294
1322
  margin: 5px;
1295
1323
  width: auto;
1296
1324
  }
@@ -1398,6 +1426,10 @@
1398
1426
  line-height: 20px;
1399
1427
  padding: 3px;
1400
1428
  background-size: cover;
1429
+ min-width: 20px;
1430
+ min-height: 20px;
1431
+ background-position: center;
1432
+ background-repeat: no-repeat;
1401
1433
  }
1402
1434
  .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,
1403
1435
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1449,6 +1481,11 @@
1449
1481
  border-radius: unset;
1450
1482
  }
1451
1483
  .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 {
1484
+ min-height: 18px;
1485
+ min-width: 18px;
1486
+ background-repeat: no-repeat;
1487
+ background-size: contain;
1488
+ background-position: center;
1452
1489
  width: auto;
1453
1490
  }
1454
1491
  .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 {
@@ -1465,6 +1502,11 @@
1465
1502
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1466
1503
  font-size: 16px;
1467
1504
  line-height: 16px;
1505
+ min-height: 16px;
1506
+ min-width: 16px;
1507
+ background-repeat: no-repeat;
1508
+ background-size: contain;
1509
+ background-position: center;
1468
1510
  }
1469
1511
 
1470
1512
  .e-ribbon-tooltip .e-tip-content {
@@ -1723,6 +1765,11 @@
1723
1765
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1724
1766
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1725
1767
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1768
+ min-height: 32px;
1769
+ min-width: 32px;
1770
+ background-repeat: no-repeat;
1771
+ background-size: contain;
1772
+ background-position: center;
1726
1773
  font-size: 32px;
1727
1774
  padding: 8px 3px;
1728
1775
  }
@@ -1797,6 +1844,24 @@
1797
1844
  line-height: 20px;
1798
1845
  margin: 7px;
1799
1846
  }
1847
+ .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),
1848
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1849
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1850
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1851
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1852
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1854
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1855
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1856
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1857
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1858
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1859
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1860
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1861
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1862
+ min-width: 20px;
1863
+ min-height: 20px;
1864
+ }
1800
1865
  .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,
1801
1866
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1802
1867
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1902,6 +1967,11 @@
1902
1967
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1903
1968
  font-size: 18px;
1904
1969
  }
1970
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1971
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1972
+ min-width: 18px;
1973
+ min-height: 18px;
1974
+ }
1905
1975
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1906
1976
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1907
1977
  margin: 0;
@@ -1941,7 +2011,7 @@
1941
2011
  }
1942
2012
  .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,
1943
2013
  .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 {
1944
- padding: 9px 12px 9px 16px;
2014
+ margin: 9px 12px 9px 16px;
1945
2015
  }
1946
2016
  .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)),
1947
2017
  .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)) {
@@ -1970,7 +2040,7 @@
1970
2040
  }
1971
2041
  .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,
1972
2042
  .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 {
1973
- padding: 9px 16px 9px 12px;
2043
+ margin: 9px 16px 9px 12px;
1974
2044
  }
1975
2045
  .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)),
1976
2046
  .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)) {
@@ -1999,6 +2069,8 @@
1999
2069
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2000
2070
  font-size: 20px;
2001
2071
  line-height: 20px;
2072
+ min-height: 20px;
2073
+ min-width: 20px;
2002
2074
  }
2003
2075
 
2004
2076
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2007,6 +2079,13 @@
2007
2079
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2008
2080
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2009
2081
  }
2082
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2083
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2084
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2085
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2086
+ min-width: 22px;
2087
+ min-height: 22px;
2088
+ }
2010
2089
 
2011
2090
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2012
2091
  height: 48px;
@@ -2030,7 +2109,9 @@
2030
2109
  .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 {
2031
2110
  font-size: 20px;
2032
2111
  line-height: 20px;
2033
- padding: 14px 16px;
2112
+ margin: 14px 16px 18px;
2113
+ min-width: 20px;
2114
+ min-height: 20px;
2034
2115
  }
2035
2116
  .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,
2036
2117
  .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,
@@ -2048,6 +2129,8 @@
2048
2129
  font-size: 20px;
2049
2130
  line-height: 20px;
2050
2131
  margin: 7px;
2132
+ min-height: 20px;
2133
+ min-width: 20px;
2051
2134
  }
2052
2135
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2053
2136
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
package/styles/tailwind.css CHANGED
@@ -632,9 +632,14 @@
632
632
  .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 {
633
633
  font-size: 16px;
634
634
  line-height: 16px;
635
+ min-height: 16px;
636
+ min-width: 16px;
637
+ background-repeat: no-repeat;
638
+ background-size: contain;
639
+ background-position: center;
635
640
  width: auto;
636
641
  margin-right: unset;
637
- padding: 11px 18px 11px 16px;
642
+ margin: 11px 18px 15px 16px;
638
643
  }
639
644
  .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 {
640
645
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -877,6 +882,11 @@
877
882
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
878
883
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
879
884
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
885
+ min-height: 24px;
886
+ min-width: 24px;
887
+ background-repeat: no-repeat;
888
+ background-size: contain;
889
+ background-position: center;
880
890
  font-size: 24px;
881
891
  font-weight: 400;
882
892
  padding: 8px 6px 4px;
@@ -1017,6 +1027,15 @@
1017
1027
  line-height: 16px;
1018
1028
  margin: 5px;
1019
1029
  }
1030
+ .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),
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1032
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1033
+ min-height: 16px;
1034
+ min-width: 16px;
1035
+ background-repeat: no-repeat;
1036
+ background-size: contain;
1037
+ background-position: center;
1038
+ }
1020
1039
  .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,
1021
1040
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1022
1041
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1167,6 +1186,10 @@
1167
1186
  width: 100%;
1168
1187
  height: 32px;
1169
1188
  }
1189
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1190
+ min-width: 18px;
1191
+ min-height: 18px;
1192
+ }
1170
1193
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1171
1194
  margin: 0;
1172
1195
  }
@@ -1198,7 +1221,7 @@
1198
1221
  margin-left: 34px;
1199
1222
  }
1200
1223
  .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 {
1201
- padding: 7px 8px 7px 12px;
1224
+ margin: 7px 8px 7px 12px;
1202
1225
  }
1203
1226
  .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)) {
1204
1227
  padding-left: 34px;
@@ -1222,7 +1245,7 @@
1222
1245
  margin-right: 34px;
1223
1246
  }
1224
1247
  .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 {
1225
- padding: 7px 12px 7px 8px;
1248
+ margin: 7px 12px 7px 8px;
1226
1249
  }
1227
1250
  .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)) {
1228
1251
  padding-right: 34px;
@@ -1291,6 +1314,11 @@
1291
1314
  font-size: 16px;
1292
1315
  font-weight: 400;
1293
1316
  line-height: 16px;
1317
+ min-height: 16px;
1318
+ min-width: 16px;
1319
+ background-repeat: no-repeat;
1320
+ background-size: contain;
1321
+ background-position: center;
1294
1322
  margin: 5px;
1295
1323
  width: auto;
1296
1324
  }
@@ -1398,6 +1426,10 @@
1398
1426
  line-height: 20px;
1399
1427
  padding: 3px;
1400
1428
  background-size: cover;
1429
+ min-width: 20px;
1430
+ min-height: 20px;
1431
+ background-position: center;
1432
+ background-repeat: no-repeat;
1401
1433
  }
1402
1434
  .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,
1403
1435
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1449,6 +1481,11 @@
1449
1481
  border-radius: unset;
1450
1482
  }
1451
1483
  .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 {
1484
+ min-height: 18px;
1485
+ min-width: 18px;
1486
+ background-repeat: no-repeat;
1487
+ background-size: contain;
1488
+ background-position: center;
1452
1489
  width: auto;
1453
1490
  }
1454
1491
  .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 {
@@ -1465,6 +1502,11 @@
1465
1502
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1466
1503
  font-size: 16px;
1467
1504
  line-height: 16px;
1505
+ min-height: 16px;
1506
+ min-width: 16px;
1507
+ background-repeat: no-repeat;
1508
+ background-size: contain;
1509
+ background-position: center;
1468
1510
  }
1469
1511
 
1470
1512
  .e-ribbon-tooltip .e-tip-content {
@@ -1723,6 +1765,11 @@
1723
1765
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1724
1766
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1725
1767
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1768
+ min-height: 32px;
1769
+ min-width: 32px;
1770
+ background-repeat: no-repeat;
1771
+ background-size: contain;
1772
+ background-position: center;
1726
1773
  font-size: 32px;
1727
1774
  padding: 8px 3px;
1728
1775
  }
@@ -1797,6 +1844,24 @@
1797
1844
  line-height: 20px;
1798
1845
  margin: 7px;
1799
1846
  }
1847
+ .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),
1848
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1849
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1850
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1851
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1852
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1853
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1854
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1855
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1856
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1857
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1858
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1859
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
1860
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
1861
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
1862
+ min-width: 20px;
1863
+ min-height: 20px;
1864
+ }
1800
1865
  .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,
1801
1866
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1802
1867
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1902,6 +1967,11 @@
1902
1967
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1903
1968
  font-size: 18px;
1904
1969
  }
1970
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
1971
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
1972
+ min-width: 18px;
1973
+ min-height: 18px;
1974
+ }
1905
1975
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1906
1976
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1907
1977
  margin: 0;
@@ -1941,7 +2011,7 @@
1941
2011
  }
1942
2012
  .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,
1943
2013
  .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 {
1944
- padding: 9px 12px 9px 16px;
2014
+ margin: 9px 12px 9px 16px;
1945
2015
  }
1946
2016
  .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)),
1947
2017
  .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)) {
@@ -1970,7 +2040,7 @@
1970
2040
  }
1971
2041
  .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,
1972
2042
  .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 {
1973
- padding: 9px 16px 9px 12px;
2043
+ margin: 9px 16px 9px 12px;
1974
2044
  }
1975
2045
  .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)),
1976
2046
  .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)) {
@@ -1999,6 +2069,8 @@
1999
2069
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2000
2070
  font-size: 20px;
2001
2071
  line-height: 20px;
2072
+ min-height: 20px;
2073
+ min-width: 20px;
2002
2074
  }
2003
2075
 
2004
2076
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2007,6 +2079,13 @@
2007
2079
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2008
2080
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2009
2081
  }
2082
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2083
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2084
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2085
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2086
+ min-width: 22px;
2087
+ min-height: 22px;
2088
+ }
2010
2089
 
2011
2090
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2012
2091
  height: 48px;
@@ -2030,7 +2109,9 @@
2030
2109
  .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 {
2031
2110
  font-size: 20px;
2032
2111
  line-height: 20px;
2033
- padding: 14px 16px;
2112
+ margin: 14px 16px 18px;
2113
+ min-width: 20px;
2114
+ min-height: 20px;
2034
2115
  }
2035
2116
  .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,
2036
2117
  .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,
@@ -2048,6 +2129,8 @@
2048
2129
  font-size: 20px;
2049
2130
  line-height: 20px;
2050
2131
  margin: 7px;
2132
+ min-height: 20px;
2133
+ min-width: 20px;
2051
2134
  }
2052
2135
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2053
2136
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {