@syncfusion/ej2-vue-ribbon 21.1.37 → 21.2.3

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 (33) hide show
  1. package/dist/ej2-vue-ribbon.umd.min.js +1 -1
  2. package/dist/global/ej2-vue-ribbon.min.js +2 -2
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +36 -12
  5. package/styles/bootstrap.css +36 -12
  6. package/styles/bootstrap4.css +36 -12
  7. package/styles/bootstrap5-dark.css +36 -12
  8. package/styles/bootstrap5.css +36 -12
  9. package/styles/fabric-dark.css +36 -12
  10. package/styles/fabric.css +36 -12
  11. package/styles/fluent-dark.css +36 -12
  12. package/styles/fluent.css +36 -12
  13. package/styles/highcontrast-light.css +36 -12
  14. package/styles/highcontrast.css +36 -12
  15. package/styles/material-dark.css +36 -12
  16. package/styles/material.css +36 -12
  17. package/styles/ribbon/bootstrap-dark.css +36 -12
  18. package/styles/ribbon/bootstrap.css +36 -12
  19. package/styles/ribbon/bootstrap4.css +36 -12
  20. package/styles/ribbon/bootstrap5-dark.css +36 -12
  21. package/styles/ribbon/bootstrap5.css +36 -12
  22. package/styles/ribbon/fabric-dark.css +36 -12
  23. package/styles/ribbon/fabric.css +36 -12
  24. package/styles/ribbon/fluent-dark.css +36 -12
  25. package/styles/ribbon/fluent.css +36 -12
  26. package/styles/ribbon/highcontrast-light.css +36 -12
  27. package/styles/ribbon/highcontrast.css +36 -12
  28. package/styles/ribbon/material-dark.css +36 -12
  29. package/styles/ribbon/material.css +36 -12
  30. package/styles/ribbon/tailwind-dark.css +36 -12
  31. package/styles/ribbon/tailwind.css +36 -12
  32. package/styles/tailwind-dark.css +36 -12
  33. package/styles/tailwind.css +36 -12
package/styles/material-dark.css CHANGED
@@ -176,9 +176,6 @@
176
176
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
177
177
  display: none;
178
178
  }
179
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
180
- width: fit-content;
181
- }
182
179
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
183
180
  position: absolute;
184
181
  line-height: 22px;
@@ -354,6 +351,9 @@
354
351
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
355
352
  overflow-y: hidden;
356
353
  }
354
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
355
+ margin-bottom: 0;
356
+ }
357
357
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
358
358
  padding-top: 2px;
359
359
  height: auto;
@@ -641,6 +641,7 @@
641
641
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
642
642
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
643
643
  border: 1px solid transparent;
644
+ border-radius: unset;
644
645
  }
645
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
646
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -759,7 +760,8 @@
759
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
760
761
  display: none;
761
762
  }
762
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
764
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
765
  margin: 7px 8px;
764
766
  }
765
767
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -783,22 +785,24 @@
783
785
  -ms-flex-pack: start;
784
786
  justify-content: flex-start;
785
787
  }
786
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
787
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
788
- transform: rotate(-90deg);
789
- margin-left: auto;
790
- }
791
788
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
792
789
  padding: 7px 8px;
793
790
  font-weight: 400;
794
791
  line-height: 22px;
795
792
  }
796
793
 
794
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
795
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
796
+ transform: rotate(-90deg);
797
+ padding: 8px;
798
+ margin: 0 0 0 auto;
799
+ }
800
+
797
801
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
798
802
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
799
803
  transform: rotate(90deg);
800
- margin-right: auto;
801
- margin-left: unset;
804
+ padding: 8px;
805
+ margin: 0 auto 0 0;
802
806
  }
803
807
 
804
808
  .e-ribbon-menu {
@@ -951,6 +955,12 @@
951
955
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
952
956
  height: auto;
953
957
  }
958
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
959
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
960
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
961
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
962
+ margin-bottom: 0;
963
+ }
954
964
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
955
965
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
956
966
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1165,7 +1175,9 @@
1165
1175
  }
1166
1176
 
1167
1177
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1168
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1178
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1179
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1180
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1169
1181
  margin: 7px 8px;
1170
1182
  }
1171
1183
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1173,6 +1185,18 @@
1173
1185
  margin: 8px;
1174
1186
  padding: 0;
1175
1187
  }
1188
+ .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,
1189
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1190
+ .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,
1191
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1192
+ padding: 8px;
1193
+ }
1194
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1195
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1196
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1197
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1198
+ padding: 8px;
1199
+ }
1176
1200
 
1177
1201
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1178
1202
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/material.css CHANGED
@@ -209,9 +209,6 @@
209
209
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
210
210
  display: none;
211
211
  }
212
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
213
- width: fit-content;
214
- }
215
212
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
216
213
  position: absolute;
217
214
  line-height: 22px;
@@ -387,6 +384,9 @@
387
384
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
388
385
  overflow-y: hidden;
389
386
  }
387
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
388
+ margin-bottom: 0;
389
+ }
390
390
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
391
391
  padding-top: 2px;
392
392
  height: auto;
@@ -674,6 +674,7 @@
674
674
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
675
675
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
676
676
  border: 1px solid transparent;
677
+ border-radius: unset;
677
678
  }
678
679
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
679
680
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -792,7 +793,8 @@
792
793
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
793
794
  display: none;
794
795
  }
795
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
796
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
797
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
796
798
  margin: 3px 8px;
797
799
  }
798
800
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -816,22 +818,24 @@
816
818
  -ms-flex-pack: start;
817
819
  justify-content: flex-start;
818
820
  }
819
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
820
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
821
- transform: rotate(-90deg);
822
- margin-left: auto;
823
- }
824
821
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
825
822
  padding: 3px 8px;
826
823
  font-weight: 600;
827
824
  line-height: 18px;
828
825
  }
829
826
 
827
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
828
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
829
+ transform: rotate(-90deg);
830
+ padding: 8px;
831
+ margin: 0 0 0 auto;
832
+ }
833
+
830
834
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
831
835
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
832
836
  transform: rotate(90deg);
833
- margin-right: auto;
834
- margin-left: unset;
837
+ padding: 8px;
838
+ margin: 0 auto 0 0;
835
839
  }
836
840
 
837
841
  .e-ribbon-menu {
@@ -984,6 +988,12 @@
984
988
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
985
989
  height: auto;
986
990
  }
991
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
992
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
993
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
994
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
995
+ margin-bottom: 0;
996
+ }
987
997
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
988
998
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
989
999
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1198,7 +1208,9 @@
1198
1208
  }
1199
1209
 
1200
1210
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1201
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1211
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1212
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1213
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1202
1214
  margin: 3px 8px;
1203
1215
  }
1204
1216
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1206,6 +1218,18 @@
1206
1218
  margin: 8px;
1207
1219
  padding: 0;
1208
1220
  }
1221
+ .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,
1222
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1223
+ .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,
1224
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1225
+ padding: 8px;
1226
+ }
1227
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1228
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1229
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1230
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1231
+ padding: 8px;
1232
+ }
1209
1233
 
1210
1234
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1211
1235
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -130,9 +130,6 @@
130
130
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
131
131
  display: none;
132
132
  }
133
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
134
- width: fit-content;
135
- }
136
133
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
137
134
  position: absolute;
138
135
  line-height: 22px;
@@ -308,6 +305,9 @@
308
305
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
309
306
  overflow-y: hidden;
310
307
  }
308
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
309
+ margin-bottom: 0;
310
+ }
311
311
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
312
312
  padding-top: 2px;
313
313
  height: auto;
@@ -595,6 +595,7 @@
595
595
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
596
596
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
597
597
  border: 1px solid transparent;
598
+ border-radius: 2px;
598
599
  }
599
600
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
600
601
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -713,7 +714,8 @@
713
714
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
714
715
  display: none;
715
716
  }
716
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
717
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
718
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
717
719
  margin: 2px 8px;
718
720
  }
719
721
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -737,22 +739,24 @@
737
739
  -ms-flex-pack: start;
738
740
  justify-content: flex-start;
739
741
  }
740
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
741
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
742
- transform: rotate(-90deg);
743
- margin-left: auto;
744
- }
745
742
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
746
743
  padding: 2px 8px;
747
744
  font-weight: 400;
748
745
  line-height: 22px;
749
746
  }
750
747
 
748
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
749
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
750
+ transform: rotate(-90deg);
751
+ padding: 8px;
752
+ margin: 0 0 0 auto;
753
+ }
754
+
751
755
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
752
756
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
753
757
  transform: rotate(90deg);
754
- margin-right: auto;
755
- margin-left: unset;
758
+ padding: 8px;
759
+ margin: 0 auto 0 0;
756
760
  }
757
761
 
758
762
  .e-ribbon-menu {
@@ -905,6 +909,12 @@
905
909
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
906
910
  height: auto;
907
911
  }
912
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
913
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
914
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
915
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
916
+ margin-bottom: 0;
917
+ }
908
918
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
909
919
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
910
920
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1119,7 +1129,9 @@
1119
1129
  }
1120
1130
 
1121
1131
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1122
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1132
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1133
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1134
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1123
1135
  margin: 2px 10px;
1124
1136
  }
1125
1137
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1127,6 +1139,18 @@
1127
1139
  margin: 10px;
1128
1140
  padding: 0;
1129
1141
  }
1142
+ .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,
1143
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1144
+ .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,
1145
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1146
+ padding: 10px;
1147
+ }
1148
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1149
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1150
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1151
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1152
+ padding: 10px;
1153
+ }
1130
1154
 
1131
1155
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1132
1156
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
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,