@syncfusion/ej2-ribbon 26.2.5 → 26.2.7
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 +8 -8
- package/styles/bootstrap-dark.css +50 -4
- package/styles/bootstrap.css +50 -4
- package/styles/bootstrap4.css +50 -4
- package/styles/bootstrap5-dark.css +50 -4
- package/styles/bootstrap5.css +50 -4
- package/styles/fabric-dark.css +50 -4
- package/styles/fabric.css +50 -4
- package/styles/fluent-dark.css +50 -4
- package/styles/fluent.css +50 -4
- package/styles/fluent2.css +60 -14
- package/styles/highcontrast-light.css +50 -4
- package/styles/highcontrast.css +50 -4
- package/styles/material-dark.css +50 -4
- package/styles/material.css +50 -4
- package/styles/material3-dark.css +50 -4
- package/styles/material3.css +50 -4
- package/styles/ribbon/_bds-definition.scss +6 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +6 -0
- package/styles/ribbon/_bootstrap-definition.scss +6 -0
- package/styles/ribbon/_bootstrap4-definition.scss +6 -0
- package/styles/ribbon/_bootstrap5-definition.scss +6 -0
- package/styles/ribbon/_bootstrap5.3-definition.scss +6 -0
- package/styles/ribbon/_fabric-dark-definition.scss +6 -0
- package/styles/ribbon/_fabric-definition.scss +6 -0
- package/styles/ribbon/_fluent-definition.scss +6 -0
- package/styles/ribbon/_fluent2-definition.scss +6 -0
- package/styles/ribbon/_fusionnew-definition.scss +6 -0
- package/styles/ribbon/_highcontrast-definition.scss +6 -0
- package/styles/ribbon/_highcontrast-light-definition.scss +6 -0
- package/styles/ribbon/_layout.scss +32 -4
- package/styles/ribbon/_material-dark-definition.scss +6 -0
- package/styles/ribbon/_material-definition.scss +6 -0
- package/styles/ribbon/_material3-definition.scss +6 -0
- package/styles/ribbon/_tailwind-definition.scss +6 -0
- package/styles/ribbon/bootstrap-dark.css +50 -4
- package/styles/ribbon/bootstrap.css +50 -4
- package/styles/ribbon/bootstrap4.css +50 -4
- package/styles/ribbon/bootstrap5-dark.css +50 -4
- package/styles/ribbon/bootstrap5.css +50 -4
- package/styles/ribbon/fabric-dark.css +50 -4
- package/styles/ribbon/fabric.css +50 -4
- package/styles/ribbon/fluent-dark.css +50 -4
- package/styles/ribbon/fluent.css +50 -4
- package/styles/ribbon/fluent2.css +60 -14
- package/styles/ribbon/highcontrast-light.css +50 -4
- package/styles/ribbon/highcontrast.css +50 -4
- package/styles/ribbon/material-dark.css +50 -4
- package/styles/ribbon/material.css +50 -4
- package/styles/ribbon/material3-dark.css +50 -4
- package/styles/ribbon/material3.css +50 -4
- package/styles/ribbon/tailwind-dark.css +50 -4
- package/styles/ribbon/tailwind.css +50 -4
- package/styles/tailwind-dark.css +50 -4
- package/styles/tailwind.css +50 -4
|
@@ -60,17 +60,20 @@ $ribbon-large-items-icon-size: 32px !default;
|
|
|
60
60
|
$ribbon-large-items-max-width: 10ch !default;
|
|
61
61
|
$ribbon-large-items-icon-padding: 12px 10px 4px !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 8px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 32px !default;
|
|
63
64
|
$ribbon-items-border: 2px solid !default;
|
|
64
65
|
$ribbon-items-border-radius: unset !default;
|
|
65
66
|
$ribbon-items-font-weight: 400 !default;
|
|
66
67
|
$ribbon-items-btn-size: 14px !default;
|
|
67
68
|
$ribbon-items-label-size: 14px !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: 14px !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: 14px !default;
|
|
70
72
|
$ribbon-items-margin: 10px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 9px 0 9px 12px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
|
|
73
75
|
$ribbon-items-height: 22px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: 14px !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 10px !default;
|
|
76
79
|
$ribbon-input-group-height: 36px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 5px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: 16px !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 24px !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 36px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: 20px;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 8px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: 14px !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 22px !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: 20px !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: 18px !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 10px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 11px 0 11px 16px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 11px 16px 11px 0 !default;
|
|
@@ -60,17 +60,20 @@ $ribbon-large-items-icon-size: 32px !default;
|
|
|
60
60
|
$ribbon-large-items-max-width: 10ch !default;
|
|
61
61
|
$ribbon-large-items-icon-padding: 12px 10px 4px !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 8px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 32px !default;
|
|
63
64
|
$ribbon-items-border: 2px solid !default;
|
|
64
65
|
$ribbon-items-border-radius: unset !default;
|
|
65
66
|
$ribbon-items-font-weight: 400 !default;
|
|
66
67
|
$ribbon-items-btn-size: 14px !default;
|
|
67
68
|
$ribbon-items-label-size: 14px !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: 16px !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: 14px !default;
|
|
70
72
|
$ribbon-items-margin: 10px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 4px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 4px !default;
|
|
73
75
|
$ribbon-items-height: 22px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: 14px !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 10px !default;
|
|
76
79
|
$ribbon-input-group-height: 36px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 5px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: 16px !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 24px !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 36px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: 20px;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 8px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: 14px !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 22px !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: 20px !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: 18px !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 10px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 8px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 8px !default;
|
|
@@ -32,6 +32,14 @@
|
|
|
32
32
|
line-height: $line-height;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
@mixin ribbon-items-icon-images($items-size) {
|
|
36
|
+
min-height: $items-size;
|
|
37
|
+
min-width: $items-size;
|
|
38
|
+
background-repeat: no-repeat;
|
|
39
|
+
background-size: contain;
|
|
40
|
+
background-position: center;
|
|
41
|
+
}
|
|
42
|
+
|
|
35
43
|
@mixin ribbon-font-props($font-size, $line-height) {
|
|
36
44
|
font-size: $font-size;
|
|
37
45
|
line-height: $line-height;
|
|
@@ -700,6 +708,7 @@
|
|
|
700
708
|
}
|
|
701
709
|
|
|
702
710
|
.e-btn-icon:not(.e-caret) {
|
|
711
|
+
@include ribbon-items-icon-images($ribbon-large-items-min-width-height);
|
|
703
712
|
font-size: $ribbon-large-items-icon-size;
|
|
704
713
|
font-weight: $ribbon-items-font-weight;
|
|
705
714
|
padding: $ribbon-large-items-icon-padding;
|
|
@@ -818,6 +827,9 @@
|
|
|
818
827
|
.e-btn-icon {
|
|
819
828
|
@include ribbon-font-props(16px, 16px);
|
|
820
829
|
margin: $ribbon-items-margin;
|
|
830
|
+
&:not(.e-caret) {
|
|
831
|
+
@include ribbon-items-icon-images($ribbon-items-min-width-height);
|
|
832
|
+
}
|
|
821
833
|
}
|
|
822
834
|
}
|
|
823
835
|
|
|
@@ -959,6 +971,13 @@
|
|
|
959
971
|
width: 100%;
|
|
960
972
|
height: $ribbon-medium-item-height;
|
|
961
973
|
|
|
974
|
+
.e-btn .e-btn-icon {
|
|
975
|
+
&:not(.e-caret) {
|
|
976
|
+
min-width: $ribbon-overflow-items-min-width-height;
|
|
977
|
+
min-height: $ribbon-overflow-items-min-width-height;
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
|
|
962
981
|
.e-btn .e-btn-icon.e-icon-left {
|
|
963
982
|
margin: 0;
|
|
964
983
|
}
|
|
@@ -997,7 +1016,7 @@
|
|
|
997
1016
|
|
|
998
1017
|
&.e-ribbon-medium-item {
|
|
999
1018
|
.e-btn .e-btn-icon.e-icon-left {
|
|
1000
|
-
|
|
1019
|
+
margin: $ribbon-button-icon-padding;
|
|
1001
1020
|
}
|
|
1002
1021
|
|
|
1003
1022
|
&:not(:has(.e-colorpicker-wrapper)) .e-btn {
|
|
@@ -1036,7 +1055,7 @@
|
|
|
1036
1055
|
|
|
1037
1056
|
&.e-ribbon-medium-item {
|
|
1038
1057
|
.e-btn .e-btn-icon.e-icon-left {
|
|
1039
|
-
|
|
1058
|
+
margin: $ribbon-rtl-button-icon-padding;
|
|
1040
1059
|
}
|
|
1041
1060
|
|
|
1042
1061
|
&:not(:has(.e-colorpicker-wrapper)) .e-btn {
|
|
@@ -1488,6 +1507,7 @@
|
|
|
1488
1507
|
max-width: $ribbon-bigger-large-items-max-width;
|
|
1489
1508
|
|
|
1490
1509
|
.e-btn-icon:not(.e-caret) {
|
|
1510
|
+
@include ribbon-items-icon-images($ribbon-bigger-large-items-min-width-height);
|
|
1491
1511
|
font-size: $ribbon-bigger-large-items-icon-size;
|
|
1492
1512
|
padding: $ribbon-bigger-large-items-icon-padding;
|
|
1493
1513
|
}
|
|
@@ -1518,6 +1538,10 @@
|
|
|
1518
1538
|
.e-btn-icon {
|
|
1519
1539
|
@include ribbon-font-props($ribbon-bigger-items-icon-size, $ribbon-bigger-items-icon-height);
|
|
1520
1540
|
margin: $ribbon-bigger-items-margin;
|
|
1541
|
+
&:not(.e-caret) {
|
|
1542
|
+
min-width: $ribbon-bigger-items-min-width-height;
|
|
1543
|
+
min-height: $ribbon-bigger-items-min-width-height;
|
|
1544
|
+
}
|
|
1521
1545
|
}
|
|
1522
1546
|
}
|
|
1523
1547
|
|
|
@@ -1574,6 +1598,10 @@
|
|
|
1574
1598
|
}
|
|
1575
1599
|
.e-btn .e-btn-icon {
|
|
1576
1600
|
font-size: $ribbon-bigger-items-btn-icon-size;
|
|
1601
|
+
&:not(.e-caret) {
|
|
1602
|
+
min-width: $ribbon-bigger-overflow-items-min-width-height;
|
|
1603
|
+
min-height: $ribbon-bigger-overflow-items-min-width-height;
|
|
1604
|
+
}
|
|
1577
1605
|
&.e-icon-left {
|
|
1578
1606
|
margin: 0;
|
|
1579
1607
|
}
|
|
@@ -1610,7 +1638,7 @@
|
|
|
1610
1638
|
|
|
1611
1639
|
&.e-ribbon-medium-item {
|
|
1612
1640
|
.e-btn .e-btn-icon.e-icon-left {
|
|
1613
|
-
|
|
1641
|
+
margin: $ribbon-bigger-button-icon-padding;
|
|
1614
1642
|
}
|
|
1615
1643
|
|
|
1616
1644
|
&:not(:has(.e-colorpicker-wrapper)) .e-btn {
|
|
@@ -1646,7 +1674,7 @@
|
|
|
1646
1674
|
|
|
1647
1675
|
&.e-ribbon-medium-item {
|
|
1648
1676
|
.e-btn .e-btn-icon.e-icon-left {
|
|
1649
|
-
|
|
1677
|
+
margin: $ribbon-bigger-rtl-button-icon-padding;
|
|
1650
1678
|
}
|
|
1651
1679
|
|
|
1652
1680
|
&:not(:has(.e-colorpicker-wrapper)) .e-btn {
|
|
@@ -60,17 +60,20 @@ $ribbon-large-items-icon-size: 32px !default;
|
|
|
60
60
|
$ribbon-large-items-max-width: 10ch !default;
|
|
61
61
|
$ribbon-large-items-icon-padding: 8px 6px 6px !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 7px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 32px !default;
|
|
63
64
|
$ribbon-items-border: none !default;
|
|
64
65
|
$ribbon-items-border-radius: unset !default;
|
|
65
66
|
$ribbon-items-font-weight: 400 !default;
|
|
66
67
|
$ribbon-items-btn-size: 12px !default;
|
|
67
68
|
$ribbon-items-label-size: 14px !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: 14px !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: 12px !default;
|
|
70
72
|
$ribbon-items-margin: 8px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 10px 0 10px 12px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 10px 12px 10px 0 !default;
|
|
73
75
|
$ribbon-items-height: 18px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: 12px !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 8px !default;
|
|
76
79
|
$ribbon-input-group-height: 32px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 5px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: 16px !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 24px !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 36px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: 20px;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 6px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: 14px !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 22px !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: 20px !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: 16px !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 8px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 12px 0 12px 16px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 12px 16px 12px 0 !default;
|
|
@@ -60,17 +60,20 @@ $ribbon-large-items-icon-size: 32px !default;
|
|
|
60
60
|
$ribbon-large-items-max-width: 10ch !default;
|
|
61
61
|
$ribbon-large-items-icon-padding: 8px 6px 6px !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 7px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 32px !default;
|
|
63
64
|
$ribbon-items-border: none !default;
|
|
64
65
|
$ribbon-items-border-radius: unset !default;
|
|
65
66
|
$ribbon-items-font-weight: 400 !default;
|
|
66
67
|
$ribbon-items-btn-size: 12px !default;
|
|
67
68
|
$ribbon-items-label-size: 14px !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: 12px !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: 12px !default;
|
|
70
72
|
$ribbon-items-margin: 8px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 10px 0 10px 12px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 10px 12px 10px 0 !default;
|
|
73
75
|
$ribbon-items-height: 18px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: 12px !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 8px !default;
|
|
76
79
|
$ribbon-input-group-height: 32px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 5px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: 16px !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 24px !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 36px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: 20px;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 6px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: 16px !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 22px !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: 20px !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: 16px !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 8px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 12px 0 12px 16px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 12px 16px 12px 0 !default;
|
|
@@ -60,17 +60,20 @@ $ribbon-large-items-icon-size: $text-4xl !default;
|
|
|
60
60
|
$ribbon-large-items-max-width: 10ch !default;
|
|
61
61
|
$ribbon-large-items-icon-padding: 4px 3px !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 4px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 32px !default;
|
|
63
64
|
$ribbon-items-border: none !default;
|
|
64
65
|
$ribbon-items-border-radius: 4px !default;
|
|
65
66
|
$ribbon-items-font-weight: $font-weight-normal !default;
|
|
66
67
|
$ribbon-items-btn-size: $text-xs !default;
|
|
67
68
|
$ribbon-items-label-size: $text-sm !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: $text-base !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: $text-sm !default;
|
|
70
72
|
$ribbon-items-margin: 4px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 8px 0 8px 12px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 8px 12px 8px 0 !default;
|
|
73
75
|
$ribbon-items-height: 15px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: $text-xs !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 4px !default;
|
|
76
79
|
$ribbon-input-group-height: 24px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 3px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: $text-sm !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 18px !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 36px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: $text-xl;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 9px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: $text-sm !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 18px !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: $text-xl !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: $text-xl !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 8px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 10px 0 10px 16px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 10px 16px 10px 0 !default;
|
|
@@ -60,17 +60,20 @@ $ribbon-large-items-btn-height: 18px !default;
|
|
|
60
60
|
$ribbon-large-items-icon-size: $text-2xl !default;
|
|
61
61
|
$ribbon-large-items-max-width: 10ch !default;
|
|
62
62
|
$ribbon-large-items-btn-gap: 4px !default;
|
|
63
|
+
$ribbon-large-items-min-width-height: 24px !default;
|
|
63
64
|
$ribbon-items-border: none !default;
|
|
64
65
|
$ribbon-items-border-radius: 4px !default;
|
|
65
66
|
$ribbon-items-font-weight: $font-weight-normal !default;
|
|
66
67
|
$ribbon-items-btn-size: $text-xs !default;
|
|
67
68
|
$ribbon-items-label-size: $text-sm !default;
|
|
68
69
|
$ribbon-items-btn-icon-size: $text-lg !default;
|
|
70
|
+
$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
|
|
69
71
|
$ribbon-items-caret-icon-size: $text-lg !default;
|
|
70
72
|
$ribbon-items-margin: 5px !default;
|
|
71
73
|
$ribbon-checkbox-margin: 7px 0 7px 12px !default;
|
|
72
74
|
$ribbon-rtl-checkbox-margin: 7px 12px 7px 0 !default;
|
|
73
75
|
$ribbon-items-height: 18px !default;
|
|
76
|
+
$ribbon-items-min-width-height: 16px !default;
|
|
74
77
|
$ribbon-items-checkbox-size: $text-xs !default;
|
|
75
78
|
$ribbon-items-checkbox-padding: 0 5px !default;
|
|
76
79
|
$ribbon-input-group-height: 26px !default;
|
|
@@ -205,6 +208,8 @@ $ribbon-bigger-large-items-icon-size: 32px !default;
|
|
|
205
208
|
$ribbon-bigger-large-items-btn-padding: 0 5px !default;
|
|
206
209
|
$ribbon-bigger-large-items-btn-size: $text-sm !default;
|
|
207
210
|
$ribbon-bigger-large-items-btn-height: 125% !default;
|
|
211
|
+
$ribbon-bigger-large-items-min-width-height: 32px !default;
|
|
212
|
+
$ribbon-bigger-items-min-width-height: 20px;
|
|
208
213
|
$ribbon-bigger-large-items-btn-gap: 8px !default;
|
|
209
214
|
$ribbon-bigger-items-padding: 2px !default;
|
|
210
215
|
$ribbon-bigger-items-btn-size: $text-sm !default;
|
|
@@ -213,6 +218,7 @@ $ribbon-bigger-items-height: 125% !default;
|
|
|
213
218
|
$ribbon-bigger-items-icon-height: 20px !default;
|
|
214
219
|
$ribbon-bigger-items-icon-size: $text-xl !default;
|
|
215
220
|
$ribbon-bigger-items-btn-icon-size: $text-lg !default;
|
|
221
|
+
$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
|
|
216
222
|
$ribbon-bigger-items-margin: 7px !default;
|
|
217
223
|
$ribbon-bigger-checkbox-margin: 9px 0 9px 16px !default;
|
|
218
224
|
$ribbon-bigger-rtl-checkbox-margin: 9px 16px 9px 0 !default;
|
|
@@ -777,6 +777,11 @@
|
|
|
777
777
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
778
778
|
.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
779
779
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
780
|
+
min-height: 32px;
|
|
781
|
+
min-width: 32px;
|
|
782
|
+
background-repeat: no-repeat;
|
|
783
|
+
background-size: contain;
|
|
784
|
+
background-position: center;
|
|
780
785
|
font-size: 32px;
|
|
781
786
|
font-weight: 400;
|
|
782
787
|
padding: 8px 6px 6px;
|
|
@@ -917,6 +922,15 @@
|
|
|
917
922
|
line-height: 16px;
|
|
918
923
|
margin: 8px;
|
|
919
924
|
}
|
|
925
|
+
.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),
|
|
926
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
927
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
928
|
+
min-height: 16px;
|
|
929
|
+
min-width: 16px;
|
|
930
|
+
background-repeat: no-repeat;
|
|
931
|
+
background-size: contain;
|
|
932
|
+
background-position: center;
|
|
933
|
+
}
|
|
920
934
|
.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,
|
|
921
935
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
922
936
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
|
|
@@ -1067,6 +1081,10 @@
|
|
|
1067
1081
|
width: 100%;
|
|
1068
1082
|
height: 30px;
|
|
1069
1083
|
}
|
|
1084
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1085
|
+
min-width: 16px;
|
|
1086
|
+
min-height: 16px;
|
|
1087
|
+
}
|
|
1070
1088
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1071
1089
|
margin: 0;
|
|
1072
1090
|
}
|
|
@@ -1098,7 +1116,7 @@
|
|
|
1098
1116
|
margin-left: 36px;
|
|
1099
1117
|
}
|
|
1100
1118
|
.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 {
|
|
1101
|
-
|
|
1119
|
+
margin: 7px 8px 7px 12px;
|
|
1102
1120
|
}
|
|
1103
1121
|
.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)) {
|
|
1104
1122
|
padding-left: 36px;
|
|
@@ -1122,7 +1140,7 @@
|
|
|
1122
1140
|
margin-right: 36px;
|
|
1123
1141
|
}
|
|
1124
1142
|
.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 {
|
|
1125
|
-
|
|
1143
|
+
margin: 7px 12px 7px 8px;
|
|
1126
1144
|
}
|
|
1127
1145
|
.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)) {
|
|
1128
1146
|
padding-right: 36px;
|
|
@@ -1623,6 +1641,11 @@
|
|
|
1623
1641
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1624
1642
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1625
1643
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1644
|
+
min-height: 40px;
|
|
1645
|
+
min-width: 40px;
|
|
1646
|
+
background-repeat: no-repeat;
|
|
1647
|
+
background-size: contain;
|
|
1648
|
+
background-position: center;
|
|
1626
1649
|
font-size: 40px;
|
|
1627
1650
|
padding: 12px 9px 4px;
|
|
1628
1651
|
}
|
|
@@ -1697,6 +1720,24 @@
|
|
|
1697
1720
|
line-height: 20px;
|
|
1698
1721
|
margin: 10px;
|
|
1699
1722
|
}
|
|
1723
|
+
.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),
|
|
1724
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1725
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1726
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1727
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1728
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1729
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1730
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1731
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1732
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1733
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1734
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1735
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1736
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1737
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1738
|
+
min-width: 20px;
|
|
1739
|
+
min-height: 20px;
|
|
1740
|
+
}
|
|
1700
1741
|
.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,
|
|
1701
1742
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
|
|
1702
1743
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
@@ -1802,6 +1843,11 @@
|
|
|
1802
1843
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
|
|
1803
1844
|
font-size: 18px;
|
|
1804
1845
|
}
|
|
1846
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1847
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1848
|
+
min-width: 18px;
|
|
1849
|
+
min-height: 18px;
|
|
1850
|
+
}
|
|
1805
1851
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
|
|
1806
1852
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
|
|
1807
1853
|
margin: 0;
|
|
@@ -1841,7 +1887,7 @@
|
|
|
1841
1887
|
}
|
|
1842
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,
|
|
1843
1889
|
.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 {
|
|
1844
|
-
|
|
1890
|
+
margin: 11px 10px 11px 16px;
|
|
1845
1891
|
}
|
|
1846
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)),
|
|
1847
1893
|
.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)) {
|
|
@@ -1870,7 +1916,7 @@
|
|
|
1870
1916
|
}
|
|
1871
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,
|
|
1872
1918
|
.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 {
|
|
1873
|
-
|
|
1919
|
+
margin: 11px 16px 11px 10px;
|
|
1874
1920
|
}
|
|
1875
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)),
|
|
1876
1922
|
.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)) {
|
|
@@ -779,6 +779,11 @@
|
|
|
779
779
|
.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
780
780
|
.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
781
781
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
782
|
+
min-height: 32px;
|
|
783
|
+
min-width: 32px;
|
|
784
|
+
background-repeat: no-repeat;
|
|
785
|
+
background-size: contain;
|
|
786
|
+
background-position: center;
|
|
782
787
|
font-size: 32px;
|
|
783
788
|
font-weight: 400;
|
|
784
789
|
padding: 8px 6px 6px;
|
|
@@ -919,6 +924,15 @@
|
|
|
919
924
|
line-height: 16px;
|
|
920
925
|
margin: 8px;
|
|
921
926
|
}
|
|
927
|
+
.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),
|
|
928
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
929
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
930
|
+
min-height: 16px;
|
|
931
|
+
min-width: 16px;
|
|
932
|
+
background-repeat: no-repeat;
|
|
933
|
+
background-size: contain;
|
|
934
|
+
background-position: center;
|
|
935
|
+
}
|
|
922
936
|
.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,
|
|
923
937
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
|
|
924
938
|
.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
|
|
@@ -1069,6 +1083,10 @@
|
|
|
1069
1083
|
width: 100%;
|
|
1070
1084
|
height: 30px;
|
|
1071
1085
|
}
|
|
1086
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1087
|
+
min-width: 16px;
|
|
1088
|
+
min-height: 16px;
|
|
1089
|
+
}
|
|
1072
1090
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
|
|
1073
1091
|
margin: 0;
|
|
1074
1092
|
}
|
|
@@ -1100,7 +1118,7 @@
|
|
|
1100
1118
|
margin-left: 36px;
|
|
1101
1119
|
}
|
|
1102
1120
|
.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 {
|
|
1103
|
-
|
|
1121
|
+
margin: 7px 8px 7px 12px;
|
|
1104
1122
|
}
|
|
1105
1123
|
.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)) {
|
|
1106
1124
|
padding-left: 36px;
|
|
@@ -1124,7 +1142,7 @@
|
|
|
1124
1142
|
margin-right: 36px;
|
|
1125
1143
|
}
|
|
1126
1144
|
.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 {
|
|
1127
|
-
|
|
1145
|
+
margin: 7px 12px 7px 8px;
|
|
1128
1146
|
}
|
|
1129
1147
|
.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)) {
|
|
1130
1148
|
padding-right: 36px;
|
|
@@ -1625,6 +1643,11 @@
|
|
|
1625
1643
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1626
1644
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1627
1645
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1646
|
+
min-height: 40px;
|
|
1647
|
+
min-width: 40px;
|
|
1648
|
+
background-repeat: no-repeat;
|
|
1649
|
+
background-size: contain;
|
|
1650
|
+
background-position: center;
|
|
1628
1651
|
font-size: 40px;
|
|
1629
1652
|
padding: 12px 8px;
|
|
1630
1653
|
}
|
|
@@ -1699,6 +1722,24 @@
|
|
|
1699
1722
|
line-height: 20px;
|
|
1700
1723
|
margin: 10px;
|
|
1701
1724
|
}
|
|
1725
|
+
.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),
|
|
1726
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1727
|
+
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1728
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1729
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1730
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1731
|
+
.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1732
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1733
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1734
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1735
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1736
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1737
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1738
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1739
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1740
|
+
min-width: 20px;
|
|
1741
|
+
min-height: 20px;
|
|
1742
|
+
}
|
|
1702
1743
|
.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,
|
|
1703
1744
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
|
|
1704
1745
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
|
|
@@ -1804,6 +1845,11 @@
|
|
|
1804
1845
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
|
|
1805
1846
|
font-size: 18px;
|
|
1806
1847
|
}
|
|
1848
|
+
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
|
|
1849
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
|
|
1850
|
+
min-width: 18px;
|
|
1851
|
+
min-height: 18px;
|
|
1852
|
+
}
|
|
1807
1853
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
|
|
1808
1854
|
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
|
|
1809
1855
|
margin: 0;
|
|
@@ -1843,7 +1889,7 @@
|
|
|
1843
1889
|
}
|
|
1844
1890
|
.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,
|
|
1845
1891
|
.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 {
|
|
1846
|
-
|
|
1892
|
+
margin: 11px 10px 11px 16px;
|
|
1847
1893
|
}
|
|
1848
1894
|
.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)),
|
|
1849
1895
|
.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)) {
|
|
@@ -1872,7 +1918,7 @@
|
|
|
1872
1918
|
}
|
|
1873
1919
|
.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,
|
|
1874
1920
|
.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 {
|
|
1875
|
-
|
|
1921
|
+
margin: 11px 16px 11px 10px;
|
|
1876
1922
|
}
|
|
1877
1923
|
.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)),
|
|
1878
1924
|
.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)) {
|