@syncfusion/ej2-angular-ribbon 21.1.37-ngcc → 21.2.3-ngcc

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 (41) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-ribbon.js +1 -1
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -1
  5. package/dist/ej2-angular-ribbon.umd.js +2 -1
  6. package/dist/ej2-angular-ribbon.umd.js.map +1 -1
  7. package/dist/ej2-angular-ribbon.umd.min.js +2 -2
  8. package/package.json +8 -8
  9. package/schematics/utils/lib-details.d.ts +2 -2
  10. package/schematics/utils/lib-details.js +2 -2
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/styles/bootstrap-dark.css +36 -12
  13. package/styles/bootstrap.css +36 -12
  14. package/styles/bootstrap4.css +36 -12
  15. package/styles/bootstrap5-dark.css +36 -12
  16. package/styles/bootstrap5.css +36 -12
  17. package/styles/fabric-dark.css +36 -12
  18. package/styles/fabric.css +36 -12
  19. package/styles/fluent-dark.css +36 -12
  20. package/styles/fluent.css +36 -12
  21. package/styles/highcontrast-light.css +36 -12
  22. package/styles/highcontrast.css +36 -12
  23. package/styles/material-dark.css +36 -12
  24. package/styles/material.css +36 -12
  25. package/styles/ribbon/bootstrap-dark.css +36 -12
  26. package/styles/ribbon/bootstrap.css +36 -12
  27. package/styles/ribbon/bootstrap4.css +36 -12
  28. package/styles/ribbon/bootstrap5-dark.css +36 -12
  29. package/styles/ribbon/bootstrap5.css +36 -12
  30. package/styles/ribbon/fabric-dark.css +36 -12
  31. package/styles/ribbon/fabric.css +36 -12
  32. package/styles/ribbon/fluent-dark.css +36 -12
  33. package/styles/ribbon/fluent.css +36 -12
  34. package/styles/ribbon/highcontrast-light.css +36 -12
  35. package/styles/ribbon/highcontrast.css +36 -12
  36. package/styles/ribbon/material-dark.css +36 -12
  37. package/styles/ribbon/material.css +36 -12
  38. package/styles/ribbon/tailwind-dark.css +36 -12
  39. package/styles/ribbon/tailwind.css +36 -12
  40. package/styles/tailwind-dark.css +36 -12
  41. package/styles/tailwind.css +36 -12
package/styles/ribbon/bootstrap.css CHANGED
@@ -135,9 +135,6 @@
135
135
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
136
136
  display: none;
137
137
  }
138
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
139
- width: fit-content;
140
- }
141
138
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
142
139
  position: absolute;
143
140
  line-height: 22px;
@@ -313,6 +310,9 @@
313
310
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
314
311
  overflow-y: hidden;
315
312
  }
313
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
314
+ margin-bottom: 0;
315
+ }
316
316
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
317
317
  padding-top: 2px;
318
318
  height: auto;
@@ -600,6 +600,7 @@
600
600
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
601
601
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
602
602
  border: 1px solid transparent;
603
+ border-radius: 4px;
603
604
  }
604
605
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
605
606
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -718,7 +719,8 @@
718
719
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
719
720
  display: none;
720
721
  }
721
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
722
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
723
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
722
724
  margin: 2px 8px;
723
725
  }
724
726
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -742,22 +744,24 @@
742
744
  -ms-flex-pack: start;
743
745
  justify-content: flex-start;
744
746
  }
745
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
746
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
747
- transform: rotate(-90deg);
748
- margin-left: auto;
749
- }
750
747
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
751
748
  padding: 2px 8px;
752
749
  font-weight: 400;
753
750
  line-height: 22px;
754
751
  }
755
752
 
753
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
754
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
755
+ transform: rotate(-90deg);
756
+ padding: 8px;
757
+ margin: 0 0 0 auto;
758
+ }
759
+
756
760
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
757
761
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
758
762
  transform: rotate(90deg);
759
- margin-right: auto;
760
- margin-left: unset;
763
+ padding: 8px;
764
+ margin: 0 auto 0 0;
761
765
  }
762
766
 
763
767
  .e-ribbon-menu {
@@ -910,6 +914,12 @@
910
914
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
911
915
  height: auto;
912
916
  }
917
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
918
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
919
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
920
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
921
+ margin-bottom: 0;
922
+ }
913
923
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
914
924
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
915
925
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1124,7 +1134,9 @@
1124
1134
  }
1125
1135
 
1126
1136
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1127
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1137
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1138
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1139
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1128
1140
  margin: 2px 10px;
1129
1141
  }
1130
1142
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1132,6 +1144,18 @@
1132
1144
  margin: 10px;
1133
1145
  padding: 0;
1134
1146
  }
1147
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1148
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1149
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1150
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1151
+ padding: 10px;
1152
+ }
1153
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1154
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1155
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1156
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1157
+ padding: 10px;
1158
+ }
1135
1159
 
1136
1160
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1137
1161
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/bootstrap4.css CHANGED
@@ -185,9 +185,6 @@
185
185
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
186
186
  display: none;
187
187
  }
188
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
189
- width: fit-content;
190
- }
191
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
189
  position: absolute;
193
190
  line-height: 22px;
@@ -363,6 +360,9 @@
363
360
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
364
361
  overflow-y: hidden;
365
362
  }
363
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
364
+ margin-bottom: 0;
365
+ }
366
366
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
367
367
  padding-top: 2px;
368
368
  height: auto;
@@ -650,6 +650,7 @@
650
650
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
651
651
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
652
652
  border: 1px solid transparent;
653
+ border-radius: 4px;
653
654
  }
654
655
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
655
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -768,7 +769,8 @@
768
769
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
769
770
  display: none;
770
771
  }
771
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
772
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
773
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
772
774
  margin: 3px 8px;
773
775
  }
774
776
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -792,22 +794,24 @@
792
794
  -ms-flex-pack: start;
793
795
  justify-content: flex-start;
794
796
  }
795
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
796
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
797
- transform: rotate(-90deg);
798
- margin-left: auto;
799
- }
800
797
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
801
798
  padding: 3px 8px;
802
799
  font-weight: 500;
803
800
  line-height: 18px;
804
801
  }
805
802
 
803
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
804
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
805
+ transform: rotate(-90deg);
806
+ padding: 8px;
807
+ margin: 0 0 0 auto;
808
+ }
809
+
806
810
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
807
811
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
808
812
  transform: rotate(90deg);
809
- margin-right: auto;
810
- margin-left: unset;
813
+ padding: 8px;
814
+ margin: 0 auto 0 0;
811
815
  }
812
816
 
813
817
  .e-ribbon-menu {
@@ -960,6 +964,12 @@
960
964
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
961
965
  height: auto;
962
966
  }
967
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
968
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
969
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
970
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
971
+ margin-bottom: 0;
972
+ }
963
973
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
964
974
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
965
975
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1174,7 +1184,9 @@
1174
1184
  }
1175
1185
 
1176
1186
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1177
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1187
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1188
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1189
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1178
1190
  margin: 3px 9px;
1179
1191
  }
1180
1192
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1182,6 +1194,18 @@
1182
1194
  margin: 9px;
1183
1195
  padding: 0;
1184
1196
  }
1197
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1198
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1199
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1200
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1201
+ padding: 9px;
1202
+ }
1203
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1204
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1205
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1206
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1207
+ padding: 9px;
1208
+ }
1185
1209
 
1186
1210
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1187
1211
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -214,9 +214,6 @@
214
214
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
215
215
  display: none;
216
216
  }
217
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
218
- width: fit-content;
219
- }
220
217
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
221
218
  position: absolute;
222
219
  line-height: 22px;
@@ -392,6 +389,9 @@
392
389
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
393
390
  overflow-y: hidden;
394
391
  }
392
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
393
+ margin-bottom: 0;
394
+ }
395
395
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
396
396
  padding-top: 1px;
397
397
  height: auto;
@@ -679,6 +679,7 @@
679
679
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
680
680
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
681
681
  border: 1px solid transparent;
682
+ border-radius: 4px;
682
683
  }
683
684
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
684
685
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -797,7 +798,8 @@
797
798
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
798
799
  display: none;
799
800
  }
800
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
801
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
802
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
801
803
  margin: 3px 5px;
802
804
  }
803
805
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -821,22 +823,24 @@
821
823
  -ms-flex-pack: start;
822
824
  justify-content: flex-start;
823
825
  }
824
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
825
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
826
- transform: rotate(-90deg);
827
- margin-left: auto;
828
- }
829
826
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
830
827
  padding: 3px 5px;
831
828
  font-weight: 500;
832
829
  line-height: 18px;
833
830
  }
834
831
 
832
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
833
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
834
+ transform: rotate(-90deg);
835
+ padding: 5px;
836
+ margin: 0 0 0 auto;
837
+ }
838
+
835
839
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
836
840
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
837
841
  transform: rotate(90deg);
838
- margin-right: auto;
839
- margin-left: unset;
842
+ padding: 5px;
843
+ margin: 0 auto 0 0;
840
844
  }
841
845
 
842
846
  .e-ribbon-menu {
@@ -989,6 +993,12 @@
989
993
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
990
994
  height: auto;
991
995
  }
996
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
997
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
998
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
999
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1000
+ margin-bottom: 0;
1001
+ }
992
1002
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
993
1003
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
994
1004
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1203,7 +1213,9 @@
1203
1213
  }
1204
1214
 
1205
1215
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1206
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1216
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1217
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1218
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1207
1219
  margin: 3px 7px;
1208
1220
  }
1209
1221
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1211,6 +1223,18 @@
1211
1223
  margin: 7px;
1212
1224
  padding: 0;
1213
1225
  }
1226
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1227
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1228
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1229
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1230
+ padding: 7px;
1231
+ }
1232
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1233
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1234
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1235
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1236
+ padding: 7px;
1237
+ }
1214
1238
 
1215
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/bootstrap5.css CHANGED
@@ -214,9 +214,6 @@
214
214
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
215
215
  display: none;
216
216
  }
217
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
218
- width: fit-content;
219
- }
220
217
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
221
218
  position: absolute;
222
219
  line-height: 22px;
@@ -392,6 +389,9 @@
392
389
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
393
390
  overflow-y: hidden;
394
391
  }
392
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
393
+ margin-bottom: 0;
394
+ }
395
395
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
396
396
  padding-top: 1px;
397
397
  height: auto;
@@ -679,6 +679,7 @@
679
679
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
680
680
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
681
681
  border: 1px solid transparent;
682
+ border-radius: 4px;
682
683
  }
683
684
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
684
685
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -797,7 +798,8 @@
797
798
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
798
799
  display: none;
799
800
  }
800
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
801
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
802
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
801
803
  margin: 3px 5px;
802
804
  }
803
805
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -821,22 +823,24 @@
821
823
  -ms-flex-pack: start;
822
824
  justify-content: flex-start;
823
825
  }
824
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
825
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
826
- transform: rotate(-90deg);
827
- margin-left: auto;
828
- }
829
826
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
830
827
  padding: 3px 5px;
831
828
  font-weight: 500;
832
829
  line-height: 18px;
833
830
  }
834
831
 
832
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
833
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
834
+ transform: rotate(-90deg);
835
+ padding: 5px;
836
+ margin: 0 0 0 auto;
837
+ }
838
+
835
839
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
836
840
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
837
841
  transform: rotate(90deg);
838
- margin-right: auto;
839
- margin-left: unset;
842
+ padding: 5px;
843
+ margin: 0 auto 0 0;
840
844
  }
841
845
 
842
846
  .e-ribbon-menu {
@@ -989,6 +993,12 @@
989
993
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
990
994
  height: auto;
991
995
  }
996
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
997
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
998
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
999
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1000
+ margin-bottom: 0;
1001
+ }
992
1002
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
993
1003
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
994
1004
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1203,7 +1213,9 @@
1203
1213
  }
1204
1214
 
1205
1215
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1206
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1216
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1217
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1218
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1207
1219
  margin: 3px 7px;
1208
1220
  }
1209
1221
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1211,6 +1223,18 @@
1211
1223
  margin: 7px;
1212
1224
  padding: 0;
1213
1225
  }
1226
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1227
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1228
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1229
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1230
+ padding: 7px;
1231
+ }
1232
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1233
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1234
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1235
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1236
+ padding: 7px;
1237
+ }
1214
1238
 
1215
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/fabric-dark.css CHANGED
@@ -106,9 +106,6 @@
106
106
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
107
107
  display: none;
108
108
  }
109
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
110
- width: fit-content;
111
- }
112
109
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
113
110
  position: absolute;
114
111
  line-height: 22px;
@@ -284,6 +281,9 @@
284
281
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
285
282
  overflow-y: hidden;
286
283
  }
284
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
285
+ margin-bottom: 0;
286
+ }
287
287
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
288
288
  padding-top: 2px;
289
289
  height: auto;
@@ -571,6 +571,7 @@
571
571
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
572
572
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
573
573
  border: 1px solid transparent;
574
+ border-radius: unset;
574
575
  }
575
576
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
576
577
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -689,7 +690,8 @@
689
690
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
690
691
  display: none;
691
692
  }
692
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
693
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
694
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
693
695
  margin: 7px 8px;
694
696
  }
695
697
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -713,22 +715,24 @@
713
715
  -ms-flex-pack: start;
714
716
  justify-content: flex-start;
715
717
  }
716
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
717
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
718
- transform: rotate(-90deg);
719
- margin-left: auto;
720
- }
721
718
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
722
719
  padding: 6px 8px;
723
720
  font-weight: 600;
724
721
  line-height: 24px;
725
722
  }
726
723
 
724
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
725
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
726
+ transform: rotate(-90deg);
727
+ padding: 8px;
728
+ margin: 0 0 0 auto;
729
+ }
730
+
727
731
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
728
732
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
729
733
  transform: rotate(90deg);
730
- margin-right: auto;
731
- margin-left: unset;
734
+ padding: 8px;
735
+ margin: 0 auto 0 0;
732
736
  }
733
737
 
734
738
  .e-ribbon-menu {
@@ -881,6 +885,12 @@
881
885
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
882
886
  height: auto;
883
887
  }
888
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
889
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
890
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
891
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
892
+ margin-bottom: 0;
893
+ }
884
894
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
885
895
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
886
896
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1095,7 +1105,9 @@
1095
1105
  }
1096
1106
 
1097
1107
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1098
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1108
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1109
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1110
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1099
1111
  margin: 7px 10px;
1100
1112
  }
1101
1113
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1103,6 +1115,18 @@
1103
1115
  margin: 10px;
1104
1116
  padding: 0;
1105
1117
  }
1118
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1119
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1120
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1121
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1122
+ padding: 10px;
1123
+ }
1124
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1125
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1126
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1127
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1128
+ padding: 10px;
1129
+ }
1106
1130
 
1107
1131
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1108
1132
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/fabric.css CHANGED
@@ -104,9 +104,6 @@
104
104
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
105
105
  display: none;
106
106
  }
107
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
108
- width: fit-content;
109
- }
110
107
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
111
108
  position: absolute;
112
109
  line-height: 22px;
@@ -282,6 +279,9 @@
282
279
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
283
280
  overflow-y: hidden;
284
281
  }
282
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
283
+ margin-bottom: 0;
284
+ }
285
285
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
286
286
  padding-top: 4px;
287
287
  height: auto;
@@ -569,6 +569,7 @@
569
569
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
570
570
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
571
571
  border: 1px solid transparent;
572
+ border-radius: unset;
572
573
  }
573
574
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
574
575
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -687,7 +688,8 @@
687
688
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
688
689
  display: none;
689
690
  }
690
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
691
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
692
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
691
693
  margin: 7px 8px;
692
694
  }
693
695
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -711,22 +713,24 @@
711
713
  -ms-flex-pack: start;
712
714
  justify-content: flex-start;
713
715
  }
714
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
715
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
716
- transform: rotate(-90deg);
717
- margin-left: auto;
718
- }
719
716
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
720
717
  padding: 6px 8px;
721
718
  font-weight: 600;
722
719
  line-height: 24px;
723
720
  }
724
721
 
722
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
723
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
724
+ transform: rotate(-90deg);
725
+ padding: 8px;
726
+ margin: 0 0 0 auto;
727
+ }
728
+
725
729
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
726
730
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
727
731
  transform: rotate(90deg);
728
- margin-right: auto;
729
- margin-left: unset;
732
+ padding: 8px;
733
+ margin: 0 auto 0 0;
730
734
  }
731
735
 
732
736
  .e-ribbon-menu {
@@ -879,6 +883,12 @@
879
883
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
880
884
  height: auto;
881
885
  }
886
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
887
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
888
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
889
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
890
+ margin-bottom: 0;
891
+ }
882
892
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
883
893
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
884
894
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1093,7 +1103,9 @@
1093
1103
  }
1094
1104
 
1095
1105
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1096
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1106
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1107
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1108
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1097
1109
  margin: 7px 10px;
1098
1110
  }
1099
1111
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1101,6 +1113,18 @@
1101
1113
  margin: 10px;
1102
1114
  padding: 0;
1103
1115
  }
1116
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1117
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1118
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1119
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1120
+ padding: 10px;
1121
+ }
1122
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1123
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1124
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1125
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1126
+ padding: 10px;
1127
+ }
1104
1128
 
1105
1129
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1106
1130
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,