@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.
- package/dist/ej2-ribbon.umd.min.js +1 -1
- package/dist/global/ej2-ribbon.min.js +1 -1
- package/dist/global/index.d.ts +1 -1
- package/hotfix/26.1.35_Vol2.txt +1 -0
- package/package.json +9 -9
- package/styles/bootstrap-dark.css +89 -6
- package/styles/bootstrap.css +89 -6
- package/styles/bootstrap4.css +89 -6
- package/styles/bootstrap5-dark.css +89 -6
- package/styles/bootstrap5.css +89 -6
- package/styles/fabric-dark.css +89 -6
- package/styles/fabric.css +89 -6
- package/styles/fluent-dark.css +89 -6
- package/styles/fluent.css +89 -6
- package/styles/fluent2.css +98 -1039
- package/styles/highcontrast-light.css +89 -6
- package/styles/highcontrast.css +89 -6
- package/styles/material-dark.css +89 -6
- package/styles/material.css +89 -6
- package/styles/material3-dark.css +90 -60
- package/styles/material3.css +92 -116
- package/styles/ribbon/_bds-definition.scss +8 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +10 -2
- package/styles/ribbon/_bootstrap-definition.scss +10 -2
- package/styles/ribbon/_bootstrap4-definition.scss +10 -2
- package/styles/ribbon/_bootstrap5-definition.scss +10 -2
- package/styles/ribbon/_bootstrap5.3-definition.scss +10 -2
- package/styles/ribbon/_fabric-dark-definition.scss +10 -2
- package/styles/ribbon/_fabric-definition.scss +10 -2
- package/styles/ribbon/_fluent-definition.scss +10 -2
- package/styles/ribbon/_fluent2-definition.scss +10 -2
- package/styles/ribbon/_fusionnew-definition.scss +8 -0
- package/styles/ribbon/_highcontrast-definition.scss +10 -2
- package/styles/ribbon/_highcontrast-light-definition.scss +10 -2
- package/styles/ribbon/_layout.scss +62 -8
- package/styles/ribbon/_material-dark-definition.scss +10 -2
- package/styles/ribbon/_material-definition.scss +10 -2
- package/styles/ribbon/_material3-definition.scss +10 -2
- package/styles/ribbon/_tailwind-definition.scss +10 -2
- package/styles/ribbon/bootstrap-dark.css +89 -6
- package/styles/ribbon/bootstrap.css +89 -6
- package/styles/ribbon/bootstrap4.css +89 -6
- package/styles/ribbon/bootstrap5-dark.css +89 -6
- package/styles/ribbon/bootstrap5.css +89 -6
- package/styles/ribbon/fabric-dark.css +89 -6
- package/styles/ribbon/fabric.css +89 -6
- package/styles/ribbon/fluent-dark.css +89 -6
- package/styles/ribbon/fluent.css +89 -6
- package/styles/ribbon/fluent2.css +98 -1039
- package/styles/ribbon/highcontrast-light.css +89 -6
- package/styles/ribbon/highcontrast.css +89 -6
- package/styles/ribbon/material-dark.css +89 -6
- package/styles/ribbon/material.css +89 -6
- package/styles/ribbon/material3-dark.css +90 -60
- package/styles/ribbon/material3.css +92 -116
- package/styles/ribbon/tailwind-dark.css +89 -6
- package/styles/ribbon/tailwind.css +89 -6
- package/styles/tailwind-dark.css +89 -6
- package/styles/tailwind.css +89 -6
package/styles/fabric-dark.css
CHANGED
|
@@ -507,9 +507,14 @@
|
|
|
507
507
|
.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
|
|
508
508
|
font-size: 16px;
|
|
509
509
|
line-height: 16px;
|
|
510
|
+
min-height: 16px;
|
|
511
|
+
min-width: 16px;
|
|
512
|
+
background-repeat: no-repeat;
|
|
513
|
+
background-size: contain;
|
|
514
|
+
background-position: center;
|
|
510
515
|
width: auto;
|
|
511
516
|
margin-right: unset;
|
|
512
|
-
|
|
517
|
+
margin: 12px 16px 16px;
|
|
513
518
|
}
|
|
514
519
|
.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
|
|
515
520
|
padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
|
|
@@ -752,6 +757,11 @@
|
|
|
752
757
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
753
758
|
.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
754
759
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
760
|
+
min-height: 32px;
|
|
761
|
+
min-width: 32px;
|
|
762
|
+
background-repeat: no-repeat;
|
|
763
|
+
background-size: contain;
|
|
764
|
+
background-position: center;
|
|
755
765
|
font-size: 32px;
|
|
756
766
|
font-weight: 400;
|
|
757
767
|
padding: 12px 7px 4px;
|
|
@@ -892,6 +902,15 @@
|
|
|
892
902
|
line-height: 16px;
|
|
893
903
|
margin: 8px;
|
|
894
904
|
}
|
|
905
|
+
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
906
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
907
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
908
|
+
min-height: 16px;
|
|
909
|
+
min-width: 16px;
|
|
910
|
+
background-repeat: no-repeat;
|
|
911
|
+
background-size: contain;
|
|
912
|
+
background-position: center;
|
|
913
|
+
}
|
|
895
914
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
896
915
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
897
916
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
|
|
@@ -1042,6 +1061,10 @@
|
|
|
1042
1061
|
width: 100%;
|
|
1043
1062
|
height: 32px;
|
|
1044
1063
|
}
|
|
1064
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1065
|
+
min-width: 14px;
|
|
1066
|
+
min-height: 14px;
|
|
1067
|
+
}
|
|
1045
1068
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1046
1069
|
margin: 0;
|
|
1047
1070
|
}
|
|
@@ -1073,7 +1096,7 @@
|
|
|
1073
1096
|
margin-left: 34px;
|
|
1074
1097
|
}
|
|
1075
1098
|
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1076
|
-
|
|
1099
|
+
margin: 9px 8px 9px 12px;
|
|
1077
1100
|
}
|
|
1078
1101
|
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
|
|
1079
1102
|
padding-left: 34px;
|
|
@@ -1097,7 +1120,7 @@
|
|
|
1097
1120
|
margin-right: 34px;
|
|
1098
1121
|
}
|
|
1099
1122
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1100
|
-
|
|
1123
|
+
margin: 9px 12px 9px 8px;
|
|
1101
1124
|
}
|
|
1102
1125
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
|
|
1103
1126
|
padding-right: 34px;
|
|
@@ -1166,6 +1189,11 @@
|
|
|
1166
1189
|
font-size: 16px;
|
|
1167
1190
|
font-weight: 400;
|
|
1168
1191
|
line-height: 16px;
|
|
1192
|
+
min-height: 16px;
|
|
1193
|
+
min-width: 16px;
|
|
1194
|
+
background-repeat: no-repeat;
|
|
1195
|
+
background-size: contain;
|
|
1196
|
+
background-position: center;
|
|
1169
1197
|
margin: 8px;
|
|
1170
1198
|
width: auto;
|
|
1171
1199
|
}
|
|
@@ -1273,6 +1301,10 @@
|
|
|
1273
1301
|
line-height: 20px;
|
|
1274
1302
|
padding: 3px;
|
|
1275
1303
|
background-size: cover;
|
|
1304
|
+
min-width: 20px;
|
|
1305
|
+
min-height: 20px;
|
|
1306
|
+
background-position: center;
|
|
1307
|
+
background-repeat: no-repeat;
|
|
1276
1308
|
}
|
|
1277
1309
|
.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
|
|
1278
1310
|
.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
|
|
@@ -1324,6 +1356,11 @@
|
|
|
1324
1356
|
border-radius: unset;
|
|
1325
1357
|
}
|
|
1326
1358
|
.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
|
|
1359
|
+
min-height: 14px;
|
|
1360
|
+
min-width: 14px;
|
|
1361
|
+
background-repeat: no-repeat;
|
|
1362
|
+
background-size: contain;
|
|
1363
|
+
background-position: center;
|
|
1327
1364
|
width: auto;
|
|
1328
1365
|
}
|
|
1329
1366
|
.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
|
|
@@ -1340,6 +1377,11 @@
|
|
|
1340
1377
|
.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1341
1378
|
font-size: 16px;
|
|
1342
1379
|
line-height: 16px;
|
|
1380
|
+
min-height: 16px;
|
|
1381
|
+
min-width: 16px;
|
|
1382
|
+
background-repeat: no-repeat;
|
|
1383
|
+
background-size: contain;
|
|
1384
|
+
background-position: center;
|
|
1343
1385
|
}
|
|
1344
1386
|
|
|
1345
1387
|
.e-ribbon-tooltip .e-tip-content {
|
|
@@ -1598,6 +1640,11 @@
|
|
|
1598
1640
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1599
1641
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1600
1642
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1643
|
+
min-height: 36px;
|
|
1644
|
+
min-width: 36px;
|
|
1645
|
+
background-repeat: no-repeat;
|
|
1646
|
+
background-size: contain;
|
|
1647
|
+
background-position: center;
|
|
1601
1648
|
font-size: 36px;
|
|
1602
1649
|
padding: 12px 10px 4px;
|
|
1603
1650
|
}
|
|
@@ -1672,6 +1719,24 @@
|
|
|
1672
1719
|
line-height: 20px;
|
|
1673
1720
|
margin: 10px;
|
|
1674
1721
|
}
|
|
1722
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1723
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1724
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1725
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1726
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1727
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1728
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1729
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1730
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1731
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1732
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1733
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1734
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1735
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1736
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1737
|
+
min-width: 20px;
|
|
1738
|
+
min-height: 20px;
|
|
1739
|
+
}
|
|
1675
1740
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
1676
1741
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
|
|
1677
1742
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
@@ -1777,6 +1842,11 @@
|
|
|
1777
1842
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
|
|
1778
1843
|
font-size: 18px;
|
|
1779
1844
|
}
|
|
1845
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1846
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1847
|
+
min-width: 18px;
|
|
1848
|
+
min-height: 18px;
|
|
1849
|
+
}
|
|
1780
1850
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
|
|
1781
1851
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
|
|
1782
1852
|
margin: 0;
|
|
@@ -1816,7 +1886,7 @@
|
|
|
1816
1886
|
}
|
|
1817
1887
|
.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
|
|
1818
1888
|
.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1819
|
-
|
|
1889
|
+
margin: 11px 12px 11px 16px;
|
|
1820
1890
|
}
|
|
1821
1891
|
.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
|
|
1822
1892
|
.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
|
|
@@ -1845,7 +1915,7 @@
|
|
|
1845
1915
|
}
|
|
1846
1916
|
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
|
|
1847
1917
|
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1848
|
-
|
|
1918
|
+
margin: 11px 16px 11px 12px;
|
|
1849
1919
|
}
|
|
1850
1920
|
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
|
|
1851
1921
|
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
|
|
@@ -1874,6 +1944,8 @@
|
|
|
1874
1944
|
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1875
1945
|
font-size: 20px;
|
|
1876
1946
|
line-height: 20px;
|
|
1947
|
+
min-height: 20px;
|
|
1948
|
+
min-width: 20px;
|
|
1877
1949
|
}
|
|
1878
1950
|
|
|
1879
1951
|
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
|
@@ -1882,6 +1954,13 @@
|
|
|
1882
1954
|
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
|
|
1883
1955
|
padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
|
|
1884
1956
|
}
|
|
1957
|
+
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
|
|
1958
|
+
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
|
|
1959
|
+
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
|
|
1960
|
+
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
|
|
1961
|
+
min-width: 16px;
|
|
1962
|
+
min-height: 16px;
|
|
1963
|
+
}
|
|
1885
1964
|
|
|
1886
1965
|
.e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
|
|
1887
1966
|
height: 50px;
|
|
@@ -1905,7 +1984,9 @@
|
|
|
1905
1984
|
.e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
|
|
1906
1985
|
font-size: 20px;
|
|
1907
1986
|
line-height: 20px;
|
|
1908
|
-
|
|
1987
|
+
margin: 15px 16px 19px;
|
|
1988
|
+
min-width: 20px;
|
|
1989
|
+
min-height: 20px;
|
|
1909
1990
|
}
|
|
1910
1991
|
.e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
|
|
1911
1992
|
.e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
|
|
@@ -1923,6 +2004,8 @@
|
|
|
1923
2004
|
font-size: 20px;
|
|
1924
2005
|
line-height: 20px;
|
|
1925
2006
|
margin: 10px;
|
|
2007
|
+
min-height: 20px;
|
|
2008
|
+
min-width: 20px;
|
|
1926
2009
|
}
|
|
1927
2010
|
.e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
|
|
1928
2011
|
.e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
|
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
|
-
|
|
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 */
|
|
@@ -746,6 +751,11 @@
|
|
|
746
751
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
747
752
|
.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
748
753
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
754
|
+
min-height: 32px;
|
|
755
|
+
min-width: 32px;
|
|
756
|
+
background-repeat: no-repeat;
|
|
757
|
+
background-size: contain;
|
|
758
|
+
background-position: center;
|
|
749
759
|
font-size: 32px;
|
|
750
760
|
font-weight: 400;
|
|
751
761
|
padding: 12px 5px 4px;
|
|
@@ -886,6 +896,15 @@
|
|
|
886
896
|
line-height: 16px;
|
|
887
897
|
margin: 8px;
|
|
888
898
|
}
|
|
899
|
+
.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),
|
|
900
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
901
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
902
|
+
min-height: 16px;
|
|
903
|
+
min-width: 16px;
|
|
904
|
+
background-repeat: no-repeat;
|
|
905
|
+
background-size: contain;
|
|
906
|
+
background-position: center;
|
|
907
|
+
}
|
|
889
908
|
.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,
|
|
890
909
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
891
910
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
|
|
@@ -1036,6 +1055,10 @@
|
|
|
1036
1055
|
width: 100%;
|
|
1037
1056
|
height: 32px;
|
|
1038
1057
|
}
|
|
1058
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1059
|
+
min-width: 14px;
|
|
1060
|
+
min-height: 14px;
|
|
1061
|
+
}
|
|
1039
1062
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1040
1063
|
margin: 0;
|
|
1041
1064
|
}
|
|
@@ -1067,7 +1090,7 @@
|
|
|
1067
1090
|
margin-left: 34px;
|
|
1068
1091
|
}
|
|
1069
1092
|
.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 {
|
|
1070
|
-
|
|
1093
|
+
margin: 9px 8px 9px 12px;
|
|
1071
1094
|
}
|
|
1072
1095
|
.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)) {
|
|
1073
1096
|
padding-left: 34px;
|
|
@@ -1091,7 +1114,7 @@
|
|
|
1091
1114
|
margin-right: 34px;
|
|
1092
1115
|
}
|
|
1093
1116
|
.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 {
|
|
1094
|
-
|
|
1117
|
+
margin: 9px 12px 9px 8px;
|
|
1095
1118
|
}
|
|
1096
1119
|
.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)) {
|
|
1097
1120
|
padding-right: 34px;
|
|
@@ -1160,6 +1183,11 @@
|
|
|
1160
1183
|
font-size: 16px;
|
|
1161
1184
|
font-weight: 400;
|
|
1162
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;
|
|
1163
1191
|
margin: 8px;
|
|
1164
1192
|
width: auto;
|
|
1165
1193
|
}
|
|
@@ -1267,6 +1295,10 @@
|
|
|
1267
1295
|
line-height: 20px;
|
|
1268
1296
|
padding: 3px;
|
|
1269
1297
|
background-size: cover;
|
|
1298
|
+
min-width: 20px;
|
|
1299
|
+
min-height: 20px;
|
|
1300
|
+
background-position: center;
|
|
1301
|
+
background-repeat: no-repeat;
|
|
1270
1302
|
}
|
|
1271
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,
|
|
1272
1304
|
.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
|
|
@@ -1318,6 +1350,11 @@
|
|
|
1318
1350
|
border-radius: unset;
|
|
1319
1351
|
}
|
|
1320
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;
|
|
1321
1358
|
width: auto;
|
|
1322
1359
|
}
|
|
1323
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 {
|
|
@@ -1334,6 +1371,11 @@
|
|
|
1334
1371
|
.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1335
1372
|
font-size: 16px;
|
|
1336
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;
|
|
1337
1379
|
}
|
|
1338
1380
|
|
|
1339
1381
|
.e-ribbon-tooltip .e-tip-content {
|
|
@@ -1592,6 +1634,11 @@
|
|
|
1592
1634
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1593
1635
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1594
1636
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1637
|
+
min-height: 36px;
|
|
1638
|
+
min-width: 36px;
|
|
1639
|
+
background-repeat: no-repeat;
|
|
1640
|
+
background-size: contain;
|
|
1641
|
+
background-position: center;
|
|
1595
1642
|
font-size: 36px;
|
|
1596
1643
|
padding: 12px 9px 4px;
|
|
1597
1644
|
}
|
|
@@ -1666,6 +1713,24 @@
|
|
|
1666
1713
|
line-height: 20px;
|
|
1667
1714
|
margin: 10px;
|
|
1668
1715
|
}
|
|
1716
|
+
.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),
|
|
1717
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1718
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1719
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1720
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1721
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1722
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1723
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1724
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1725
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1726
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1727
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1728
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1729
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1730
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1731
|
+
min-width: 20px;
|
|
1732
|
+
min-height: 20px;
|
|
1733
|
+
}
|
|
1669
1734
|
.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,
|
|
1670
1735
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
|
|
1671
1736
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
@@ -1771,6 +1836,11 @@
|
|
|
1771
1836
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
|
|
1772
1837
|
font-size: 18px;
|
|
1773
1838
|
}
|
|
1839
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1840
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1841
|
+
min-width: 18px;
|
|
1842
|
+
min-height: 18px;
|
|
1843
|
+
}
|
|
1774
1844
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
|
|
1775
1845
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
|
|
1776
1846
|
margin: 0;
|
|
@@ -1810,7 +1880,7 @@
|
|
|
1810
1880
|
}
|
|
1811
1881
|
.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,
|
|
1812
1882
|
.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 {
|
|
1813
|
-
|
|
1883
|
+
margin: 11px 12px 11px 16px;
|
|
1814
1884
|
}
|
|
1815
1885
|
.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)),
|
|
1816
1886
|
.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)) {
|
|
@@ -1839,7 +1909,7 @@
|
|
|
1839
1909
|
}
|
|
1840
1910
|
.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,
|
|
1841
1911
|
.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 {
|
|
1842
|
-
|
|
1912
|
+
margin: 11px 16px 11px 12px;
|
|
1843
1913
|
}
|
|
1844
1914
|
.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)),
|
|
1845
1915
|
.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)) {
|
|
@@ -1868,6 +1938,8 @@
|
|
|
1868
1938
|
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1869
1939
|
font-size: 20px;
|
|
1870
1940
|
line-height: 20px;
|
|
1941
|
+
min-height: 20px;
|
|
1942
|
+
min-width: 20px;
|
|
1871
1943
|
}
|
|
1872
1944
|
|
|
1873
1945
|
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
|
@@ -1876,6 +1948,13 @@
|
|
|
1876
1948
|
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
|
|
1877
1949
|
padding-left: 36px !important; /* stylelint-disable-line declaration-no-important */
|
|
1878
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
|
+
}
|
|
1879
1958
|
|
|
1880
1959
|
.e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
|
|
1881
1960
|
height: 50px;
|
|
@@ -1899,7 +1978,9 @@
|
|
|
1899
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 {
|
|
1900
1979
|
font-size: 20px;
|
|
1901
1980
|
line-height: 20px;
|
|
1902
|
-
|
|
1981
|
+
margin: 15px 16px 19px;
|
|
1982
|
+
min-width: 20px;
|
|
1983
|
+
min-height: 20px;
|
|
1903
1984
|
}
|
|
1904
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,
|
|
1905
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,
|
|
@@ -1917,6 +1998,8 @@
|
|
|
1917
1998
|
font-size: 20px;
|
|
1918
1999
|
line-height: 20px;
|
|
1919
2000
|
margin: 10px;
|
|
2001
|
+
min-height: 20px;
|
|
2002
|
+
min-width: 20px;
|
|
1920
2003
|
}
|
|
1921
2004
|
.e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
|
|
1922
2005
|
.e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
|
package/styles/fluent-dark.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
|
-
|
|
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 */
|
|
@@ -849,6 +854,11 @@
|
|
|
849
854
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
850
855
|
.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
851
856
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
857
|
+
min-height: 24px;
|
|
858
|
+
min-width: 24px;
|
|
859
|
+
background-repeat: no-repeat;
|
|
860
|
+
background-size: contain;
|
|
861
|
+
background-position: center;
|
|
852
862
|
font-size: 24px;
|
|
853
863
|
font-weight: 400;
|
|
854
864
|
padding: 8px 6px 4px;
|
|
@@ -989,6 +999,15 @@
|
|
|
989
999
|
line-height: 16px;
|
|
990
1000
|
margin: 5px;
|
|
991
1001
|
}
|
|
1002
|
+
.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),
|
|
1003
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1004
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1005
|
+
min-height: 16px;
|
|
1006
|
+
min-width: 16px;
|
|
1007
|
+
background-repeat: no-repeat;
|
|
1008
|
+
background-size: contain;
|
|
1009
|
+
background-position: center;
|
|
1010
|
+
}
|
|
992
1011
|
.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,
|
|
993
1012
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
994
1013
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
|
|
@@ -1139,6 +1158,10 @@
|
|
|
1139
1158
|
width: 100%;
|
|
1140
1159
|
height: 32px;
|
|
1141
1160
|
}
|
|
1161
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1162
|
+
min-width: 14px;
|
|
1163
|
+
min-height: 14px;
|
|
1164
|
+
}
|
|
1142
1165
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1143
1166
|
margin: 0;
|
|
1144
1167
|
}
|
|
@@ -1170,7 +1193,7 @@
|
|
|
1170
1193
|
margin-left: 34px;
|
|
1171
1194
|
}
|
|
1172
1195
|
.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 {
|
|
1173
|
-
|
|
1196
|
+
margin: 9px 8px 9px 12px;
|
|
1174
1197
|
}
|
|
1175
1198
|
.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)) {
|
|
1176
1199
|
padding-left: 34px;
|
|
@@ -1194,7 +1217,7 @@
|
|
|
1194
1217
|
margin-right: 34px;
|
|
1195
1218
|
}
|
|
1196
1219
|
.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 {
|
|
1197
|
-
|
|
1220
|
+
margin: 9px 12px 9px 8px;
|
|
1198
1221
|
}
|
|
1199
1222
|
.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)) {
|
|
1200
1223
|
padding-right: 34px;
|
|
@@ -1263,6 +1286,11 @@
|
|
|
1263
1286
|
font-size: 16px;
|
|
1264
1287
|
font-weight: 400;
|
|
1265
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;
|
|
1266
1294
|
margin: 5px;
|
|
1267
1295
|
width: auto;
|
|
1268
1296
|
}
|
|
@@ -1370,6 +1398,10 @@
|
|
|
1370
1398
|
line-height: 20px;
|
|
1371
1399
|
padding: 3px;
|
|
1372
1400
|
background-size: cover;
|
|
1401
|
+
min-width: 20px;
|
|
1402
|
+
min-height: 20px;
|
|
1403
|
+
background-position: center;
|
|
1404
|
+
background-repeat: no-repeat;
|
|
1373
1405
|
}
|
|
1374
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,
|
|
1375
1407
|
.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
|
|
@@ -1421,6 +1453,11 @@
|
|
|
1421
1453
|
border-radius: unset;
|
|
1422
1454
|
}
|
|
1423
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;
|
|
1424
1461
|
width: auto;
|
|
1425
1462
|
}
|
|
1426
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 {
|
|
@@ -1437,6 +1474,11 @@
|
|
|
1437
1474
|
.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1438
1475
|
font-size: 16px;
|
|
1439
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;
|
|
1440
1482
|
}
|
|
1441
1483
|
|
|
1442
1484
|
.e-ribbon-tooltip .e-tip-content {
|
|
@@ -1695,6 +1737,11 @@
|
|
|
1695
1737
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1696
1738
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1697
1739
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1740
|
+
min-height: 32px;
|
|
1741
|
+
min-width: 32px;
|
|
1742
|
+
background-repeat: no-repeat;
|
|
1743
|
+
background-size: contain;
|
|
1744
|
+
background-position: center;
|
|
1698
1745
|
font-size: 32px;
|
|
1699
1746
|
padding: 8px 3px;
|
|
1700
1747
|
}
|
|
@@ -1769,6 +1816,24 @@
|
|
|
1769
1816
|
line-height: 20px;
|
|
1770
1817
|
margin: 7px;
|
|
1771
1818
|
}
|
|
1819
|
+
.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),
|
|
1820
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1821
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1822
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1823
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1824
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1825
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1826
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1827
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1828
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1829
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1830
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1831
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1832
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1833
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1834
|
+
min-width: 20px;
|
|
1835
|
+
min-height: 20px;
|
|
1836
|
+
}
|
|
1772
1837
|
.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,
|
|
1773
1838
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
|
|
1774
1839
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
@@ -1874,6 +1939,11 @@
|
|
|
1874
1939
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
|
|
1875
1940
|
font-size: 20px;
|
|
1876
1941
|
}
|
|
1942
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1943
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1944
|
+
min-width: 20px;
|
|
1945
|
+
min-height: 20px;
|
|
1946
|
+
}
|
|
1877
1947
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
|
|
1878
1948
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
|
|
1879
1949
|
margin: 0;
|
|
@@ -1913,7 +1983,7 @@
|
|
|
1913
1983
|
}
|
|
1914
1984
|
.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,
|
|
1915
1985
|
.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 {
|
|
1916
|
-
|
|
1986
|
+
margin: 11px 12px 11px 16px;
|
|
1917
1987
|
}
|
|
1918
1988
|
.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)),
|
|
1919
1989
|
.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)) {
|
|
@@ -1942,7 +2012,7 @@
|
|
|
1942
2012
|
}
|
|
1943
2013
|
.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,
|
|
1944
2014
|
.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 {
|
|
1945
|
-
|
|
2015
|
+
margin: 11px 16px 11px 12px;
|
|
1946
2016
|
}
|
|
1947
2017
|
.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)),
|
|
1948
2018
|
.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)) {
|
|
@@ -1971,6 +2041,8 @@
|
|
|
1971
2041
|
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1972
2042
|
font-size: 20px;
|
|
1973
2043
|
line-height: 20px;
|
|
2044
|
+
min-height: 20px;
|
|
2045
|
+
min-width: 20px;
|
|
1974
2046
|
}
|
|
1975
2047
|
|
|
1976
2048
|
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
|
@@ -1979,6 +2051,13 @@
|
|
|
1979
2051
|
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
|
|
1980
2052
|
padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
|
|
1981
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
|
+
}
|
|
1982
2061
|
|
|
1983
2062
|
.e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
|
|
1984
2063
|
height: 48px;
|
|
@@ -2002,7 +2081,9 @@
|
|
|
2002
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 {
|
|
2003
2082
|
font-size: 20px;
|
|
2004
2083
|
line-height: 20px;
|
|
2005
|
-
|
|
2084
|
+
margin: 14px 16px 18px;
|
|
2085
|
+
min-width: 20px;
|
|
2086
|
+
min-height: 20px;
|
|
2006
2087
|
}
|
|
2007
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,
|
|
2008
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,
|
|
@@ -2020,6 +2101,8 @@
|
|
|
2020
2101
|
font-size: 20px;
|
|
2021
2102
|
line-height: 20px;
|
|
2022
2103
|
margin: 7px;
|
|
2104
|
+
min-height: 20px;
|
|
2105
|
+
min-width: 20px;
|
|
2023
2106
|
}
|
|
2024
2107
|
.e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
|
|
2025
2108
|
.e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
|