@syncfusion/ej2-ribbon 26.2.7 → 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 (58) 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/package.json +9 -9
  5. package/styles/bootstrap-dark.css +39 -2
  6. package/styles/bootstrap.css +39 -2
  7. package/styles/bootstrap4.css +39 -2
  8. package/styles/bootstrap5-dark.css +39 -2
  9. package/styles/bootstrap5.css +39 -2
  10. package/styles/fabric-dark.css +39 -2
  11. package/styles/fabric.css +39 -2
  12. package/styles/fluent-dark.css +39 -2
  13. package/styles/fluent.css +39 -2
  14. package/styles/fluent2.css +48 -1035
  15. package/styles/highcontrast-light.css +39 -2
  16. package/styles/highcontrast.css +39 -2
  17. package/styles/material-dark.css +39 -2
  18. package/styles/material.css +39 -2
  19. package/styles/material3-dark.css +40 -56
  20. package/styles/material3.css +42 -112
  21. package/styles/ribbon/_bds-definition.scss +2 -0
  22. package/styles/ribbon/_bootstrap-dark-definition.scss +4 -2
  23. package/styles/ribbon/_bootstrap-definition.scss +4 -2
  24. package/styles/ribbon/_bootstrap4-definition.scss +4 -2
  25. package/styles/ribbon/_bootstrap5-definition.scss +4 -2
  26. package/styles/ribbon/_bootstrap5.3-definition.scss +4 -2
  27. package/styles/ribbon/_fabric-dark-definition.scss +4 -2
  28. package/styles/ribbon/_fabric-definition.scss +4 -2
  29. package/styles/ribbon/_fluent-definition.scss +4 -2
  30. package/styles/ribbon/_fluent2-definition.scss +4 -2
  31. package/styles/ribbon/_fusionnew-definition.scss +2 -0
  32. package/styles/ribbon/_highcontrast-definition.scss +4 -2
  33. package/styles/ribbon/_highcontrast-light-definition.scss +4 -2
  34. package/styles/ribbon/_layout.scss +30 -4
  35. package/styles/ribbon/_material-dark-definition.scss +4 -2
  36. package/styles/ribbon/_material-definition.scss +4 -2
  37. package/styles/ribbon/_material3-definition.scss +4 -2
  38. package/styles/ribbon/_tailwind-definition.scss +4 -2
  39. package/styles/ribbon/bootstrap-dark.css +39 -2
  40. package/styles/ribbon/bootstrap.css +39 -2
  41. package/styles/ribbon/bootstrap4.css +39 -2
  42. package/styles/ribbon/bootstrap5-dark.css +39 -2
  43. package/styles/ribbon/bootstrap5.css +39 -2
  44. package/styles/ribbon/fabric-dark.css +39 -2
  45. package/styles/ribbon/fabric.css +39 -2
  46. package/styles/ribbon/fluent-dark.css +39 -2
  47. package/styles/ribbon/fluent.css +39 -2
  48. package/styles/ribbon/fluent2.css +48 -1035
  49. package/styles/ribbon/highcontrast-light.css +39 -2
  50. package/styles/ribbon/highcontrast.css +39 -2
  51. package/styles/ribbon/material-dark.css +39 -2
  52. package/styles/ribbon/material.css +39 -2
  53. package/styles/ribbon/material3-dark.css +40 -56
  54. package/styles/ribbon/material3.css +42 -112
  55. package/styles/ribbon/tailwind-dark.css +39 -2
  56. package/styles/ribbon/tailwind.css +39 -2
  57. package/styles/tailwind-dark.css +39 -2
  58. package/styles/tailwind.css +39 -2
@@ -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 */
@@ -1184,6 +1189,11 @@
1184
1189
  font-size: 16px;
1185
1190
  font-weight: 400;
1186
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;
1187
1197
  margin: 8px;
1188
1198
  width: auto;
1189
1199
  }
@@ -1291,6 +1301,10 @@
1291
1301
  line-height: 20px;
1292
1302
  padding: 3px;
1293
1303
  background-size: cover;
1304
+ min-width: 20px;
1305
+ min-height: 20px;
1306
+ background-position: center;
1307
+ background-repeat: no-repeat;
1294
1308
  }
1295
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,
1296
1310
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1342,6 +1356,11 @@
1342
1356
  border-radius: unset;
1343
1357
  }
1344
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;
1345
1364
  width: auto;
1346
1365
  }
1347
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 {
@@ -1358,6 +1377,11 @@
1358
1377
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1359
1378
  font-size: 16px;
1360
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;
1361
1385
  }
1362
1386
 
1363
1387
  .e-ribbon-tooltip .e-tip-content {
@@ -1920,6 +1944,8 @@
1920
1944
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1921
1945
  font-size: 20px;
1922
1946
  line-height: 20px;
1947
+ min-height: 20px;
1948
+ min-width: 20px;
1923
1949
  }
1924
1950
 
1925
1951
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1928,6 +1954,13 @@
1928
1954
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1929
1955
  padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
1930
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
+ }
1931
1964
 
1932
1965
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1933
1966
  height: 50px;
@@ -1951,7 +1984,9 @@
1951
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 {
1952
1985
  font-size: 20px;
1953
1986
  line-height: 20px;
1954
- padding: 15px 16px;
1987
+ margin: 15px 16px 19px;
1988
+ min-width: 20px;
1989
+ min-height: 20px;
1955
1990
  }
1956
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,
1957
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,
@@ -1969,6 +2004,8 @@
1969
2004
  font-size: 20px;
1970
2005
  line-height: 20px;
1971
2006
  margin: 10px;
2007
+ min-height: 20px;
2008
+ min-width: 20px;
1972
2009
  }
1973
2010
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1974
2011
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
package/styles/fabric.css CHANGED
@@ -501,9 +501,14 @@
501
501
  .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 {
502
502
  font-size: 16px;
503
503
  line-height: 16px;
504
+ min-height: 16px;
505
+ min-width: 16px;
506
+ background-repeat: no-repeat;
507
+ background-size: contain;
508
+ background-position: center;
504
509
  width: auto;
505
510
  margin-right: unset;
506
- padding: 12px 16px;
511
+ margin: 12px 16px 16px;
507
512
  }
508
513
  .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 {
509
514
  padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -1178,6 +1183,11 @@
1178
1183
  font-size: 16px;
1179
1184
  font-weight: 400;
1180
1185
  line-height: 16px;
1186
+ min-height: 16px;
1187
+ min-width: 16px;
1188
+ background-repeat: no-repeat;
1189
+ background-size: contain;
1190
+ background-position: center;
1181
1191
  margin: 8px;
1182
1192
  width: auto;
1183
1193
  }
@@ -1285,6 +1295,10 @@
1285
1295
  line-height: 20px;
1286
1296
  padding: 3px;
1287
1297
  background-size: cover;
1298
+ min-width: 20px;
1299
+ min-height: 20px;
1300
+ background-position: center;
1301
+ background-repeat: no-repeat;
1288
1302
  }
1289
1303
  .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
1304
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1336,6 +1350,11 @@
1336
1350
  border-radius: unset;
1337
1351
  }
1338
1352
  .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 {
1353
+ min-height: 14px;
1354
+ min-width: 14px;
1355
+ background-repeat: no-repeat;
1356
+ background-size: contain;
1357
+ background-position: center;
1339
1358
  width: auto;
1340
1359
  }
1341
1360
  .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 +1371,11 @@
1352
1371
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1353
1372
  font-size: 16px;
1354
1373
  line-height: 16px;
1374
+ min-height: 16px;
1375
+ min-width: 16px;
1376
+ background-repeat: no-repeat;
1377
+ background-size: contain;
1378
+ background-position: center;
1355
1379
  }
1356
1380
 
1357
1381
  .e-ribbon-tooltip .e-tip-content {
@@ -1914,6 +1938,8 @@
1914
1938
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1915
1939
  font-size: 20px;
1916
1940
  line-height: 20px;
1941
+ min-height: 20px;
1942
+ min-width: 20px;
1917
1943
  }
1918
1944
 
1919
1945
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1922,6 +1948,13 @@
1922
1948
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1923
1949
  padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
1924
1950
  }
1951
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1952
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1953
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
1954
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1955
+ min-width: 16px;
1956
+ min-height: 16px;
1957
+ }
1925
1958
 
1926
1959
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1927
1960
  height: 50px;
@@ -1945,7 +1978,9 @@
1945
1978
  .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 {
1946
1979
  font-size: 20px;
1947
1980
  line-height: 20px;
1948
- padding: 15px 16px;
1981
+ margin: 15px 16px 19px;
1982
+ min-width: 20px;
1983
+ min-height: 20px;
1949
1984
  }
1950
1985
  .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,
1951
1986
  .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,
@@ -1963,6 +1998,8 @@
1963
1998
  font-size: 20px;
1964
1999
  line-height: 20px;
1965
2000
  margin: 10px;
2001
+ min-height: 20px;
2002
+ min-width: 20px;
1966
2003
  }
1967
2004
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1968
2005
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
@@ -604,9 +604,14 @@
604
604
  .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 {
605
605
  font-size: 16px;
606
606
  line-height: 16px;
607
+ min-height: 16px;
608
+ min-width: 16px;
609
+ background-repeat: no-repeat;
610
+ background-size: contain;
611
+ background-position: center;
607
612
  width: auto;
608
613
  margin-right: unset;
609
- padding: 11px 18px 11px 16px;
614
+ margin: 11px 18px 15px 16px;
610
615
  }
611
616
  .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 {
612
617
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -1281,6 +1286,11 @@
1281
1286
  font-size: 16px;
1282
1287
  font-weight: 400;
1283
1288
  line-height: 16px;
1289
+ min-height: 16px;
1290
+ min-width: 16px;
1291
+ background-repeat: no-repeat;
1292
+ background-size: contain;
1293
+ background-position: center;
1284
1294
  margin: 5px;
1285
1295
  width: auto;
1286
1296
  }
@@ -1388,6 +1398,10 @@
1388
1398
  line-height: 20px;
1389
1399
  padding: 3px;
1390
1400
  background-size: cover;
1401
+ min-width: 20px;
1402
+ min-height: 20px;
1403
+ background-position: center;
1404
+ background-repeat: no-repeat;
1391
1405
  }
1392
1406
  .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,
1393
1407
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1439,6 +1453,11 @@
1439
1453
  border-radius: unset;
1440
1454
  }
1441
1455
  .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 {
1456
+ min-height: 14px;
1457
+ min-width: 14px;
1458
+ background-repeat: no-repeat;
1459
+ background-size: contain;
1460
+ background-position: center;
1442
1461
  width: auto;
1443
1462
  }
1444
1463
  .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 {
@@ -1455,6 +1474,11 @@
1455
1474
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1456
1475
  font-size: 16px;
1457
1476
  line-height: 16px;
1477
+ min-height: 16px;
1478
+ min-width: 16px;
1479
+ background-repeat: no-repeat;
1480
+ background-size: contain;
1481
+ background-position: center;
1458
1482
  }
1459
1483
 
1460
1484
  .e-ribbon-tooltip .e-tip-content {
@@ -2017,6 +2041,8 @@
2017
2041
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2018
2042
  font-size: 20px;
2019
2043
  line-height: 20px;
2044
+ min-height: 20px;
2045
+ min-width: 20px;
2020
2046
  }
2021
2047
 
2022
2048
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2025,6 +2051,13 @@
2025
2051
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2026
2052
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
2027
2053
  }
2054
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2055
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2056
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2057
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2058
+ min-width: 18px;
2059
+ min-height: 18px;
2060
+ }
2028
2061
 
2029
2062
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2030
2063
  height: 48px;
@@ -2048,7 +2081,9 @@
2048
2081
  .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 {
2049
2082
  font-size: 20px;
2050
2083
  line-height: 20px;
2051
- padding: 14px 16px;
2084
+ margin: 14px 16px 18px;
2085
+ min-width: 20px;
2086
+ min-height: 20px;
2052
2087
  }
2053
2088
  .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,
2054
2089
  .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,
@@ -2066,6 +2101,8 @@
2066
2101
  font-size: 20px;
2067
2102
  line-height: 20px;
2068
2103
  margin: 7px;
2104
+ min-height: 20px;
2105
+ min-width: 20px;
2069
2106
  }
2070
2107
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2071
2108
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
package/styles/fluent.css CHANGED
@@ -604,9 +604,14 @@
604
604
  .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 {
605
605
  font-size: 16px;
606
606
  line-height: 16px;
607
+ min-height: 16px;
608
+ min-width: 16px;
609
+ background-repeat: no-repeat;
610
+ background-size: contain;
611
+ background-position: center;
607
612
  width: auto;
608
613
  margin-right: unset;
609
- padding: 11px 18px 11px 16px;
614
+ margin: 11px 18px 15px 16px;
610
615
  }
611
616
  .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 {
612
617
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
@@ -1281,6 +1286,11 @@
1281
1286
  font-size: 16px;
1282
1287
  font-weight: 400;
1283
1288
  line-height: 16px;
1289
+ min-height: 16px;
1290
+ min-width: 16px;
1291
+ background-repeat: no-repeat;
1292
+ background-size: contain;
1293
+ background-position: center;
1284
1294
  margin: 5px;
1285
1295
  width: auto;
1286
1296
  }
@@ -1388,6 +1398,10 @@
1388
1398
  line-height: 20px;
1389
1399
  padding: 3px;
1390
1400
  background-size: cover;
1401
+ min-width: 20px;
1402
+ min-height: 20px;
1403
+ background-position: center;
1404
+ background-repeat: no-repeat;
1391
1405
  }
1392
1406
  .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,
1393
1407
  .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1439,6 +1453,11 @@
1439
1453
  border-radius: unset;
1440
1454
  }
1441
1455
  .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 {
1456
+ min-height: 14px;
1457
+ min-width: 14px;
1458
+ background-repeat: no-repeat;
1459
+ background-size: contain;
1460
+ background-position: center;
1442
1461
  width: auto;
1443
1462
  }
1444
1463
  .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 {
@@ -1455,6 +1474,11 @@
1455
1474
  .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1456
1475
  font-size: 16px;
1457
1476
  line-height: 16px;
1477
+ min-height: 16px;
1478
+ min-width: 16px;
1479
+ background-repeat: no-repeat;
1480
+ background-size: contain;
1481
+ background-position: center;
1458
1482
  }
1459
1483
 
1460
1484
  .e-ribbon-tooltip .e-tip-content {
@@ -2017,6 +2041,8 @@
2017
2041
  .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2018
2042
  font-size: 20px;
2019
2043
  line-height: 20px;
2044
+ min-height: 20px;
2045
+ min-width: 20px;
2020
2046
  }
2021
2047
 
2022
2048
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -2025,6 +2051,13 @@
2025
2051
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2026
2052
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
2027
2053
  }
2054
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2055
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2056
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2057
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2058
+ min-width: 18px;
2059
+ min-height: 18px;
2060
+ }
2028
2061
 
2029
2062
  .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2030
2063
  height: 48px;
@@ -2048,7 +2081,9 @@
2048
2081
  .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 {
2049
2082
  font-size: 20px;
2050
2083
  line-height: 20px;
2051
- padding: 14px 16px;
2084
+ margin: 14px 16px 18px;
2085
+ min-width: 20px;
2086
+ min-height: 20px;
2052
2087
  }
2053
2088
  .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,
2054
2089
  .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,
@@ -2066,6 +2101,8 @@
2066
2101
  font-size: 20px;
2067
2102
  line-height: 20px;
2068
2103
  margin: 7px;
2104
+ min-height: 20px;
2105
+ min-width: 20px;
2069
2106
  }
2070
2107
  .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2071
2108
  .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {