@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/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/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,
package/styles/fluent-dark.css CHANGED
@@ -190,9 +190,6 @@
190
190
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
191
191
  display: none;
192
192
  }
193
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
194
- width: fit-content;
195
- }
196
193
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
197
194
  position: absolute;
198
195
  line-height: 22px;
@@ -368,6 +365,9 @@
368
365
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
369
366
  overflow-y: hidden;
370
367
  }
368
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
+ margin-bottom: 0;
370
+ }
371
371
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
372
  padding-top: 1px;
373
373
  height: auto;
@@ -655,6 +655,7 @@
655
655
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
656
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
657
657
  border: 1px solid transparent;
658
+ border-radius: 2px;
658
659
  }
659
660
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
660
661
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -773,7 +774,8 @@
773
774
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
774
775
  display: none;
775
776
  }
776
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
777
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
778
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
777
779
  margin: 3px 5px;
778
780
  }
779
781
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -797,22 +799,24 @@
797
799
  -ms-flex-pack: start;
798
800
  justify-content: flex-start;
799
801
  }
800
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
801
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
802
- transform: rotate(-90deg);
803
- margin-left: auto;
804
- }
805
802
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
806
803
  padding: 3px 5px;
807
804
  font-weight: 600;
808
805
  line-height: 18px;
809
806
  }
810
807
 
808
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
809
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
810
+ transform: rotate(-90deg);
811
+ padding: 5px;
812
+ margin: 0 0 0 auto;
813
+ }
814
+
811
815
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
812
816
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
813
817
  transform: rotate(90deg);
814
- margin-right: auto;
815
- margin-left: unset;
818
+ padding: 5px;
819
+ margin: 0 auto 0 0;
816
820
  }
817
821
 
818
822
  .e-ribbon-menu {
@@ -965,6 +969,12 @@
965
969
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
966
970
  height: auto;
967
971
  }
972
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
973
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
974
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
975
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
976
+ margin-bottom: 0;
977
+ }
968
978
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
969
979
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
970
980
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1179,7 +1189,9 @@
1179
1189
  }
1180
1190
 
1181
1191
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1182
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1192
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1193
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1194
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1183
1195
  margin: 3px 7px;
1184
1196
  }
1185
1197
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1187,6 +1199,18 @@
1187
1199
  margin: 7px;
1188
1200
  padding: 0;
1189
1201
  }
1202
+ .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,
1203
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1204
+ .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,
1205
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1206
+ padding: 7px;
1207
+ }
1208
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1209
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1210
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1211
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1212
+ padding: 7px;
1213
+ }
1190
1214
 
1191
1215
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1192
1216
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/fluent.css CHANGED
@@ -190,9 +190,6 @@
190
190
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
191
191
  display: none;
192
192
  }
193
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
194
- width: fit-content;
195
- }
196
193
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
197
194
  position: absolute;
198
195
  line-height: 22px;
@@ -368,6 +365,9 @@
368
365
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
369
366
  overflow-y: hidden;
370
367
  }
368
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
+ margin-bottom: 0;
370
+ }
371
371
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
372
  padding-top: 1px;
373
373
  height: auto;
@@ -655,6 +655,7 @@
655
655
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
656
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
657
657
  border: 1px solid transparent;
658
+ border-radius: 2px;
658
659
  }
659
660
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
660
661
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -773,7 +774,8 @@
773
774
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
774
775
  display: none;
775
776
  }
776
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
777
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
778
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
777
779
  margin: 3px 5px;
778
780
  }
779
781
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -797,22 +799,24 @@
797
799
  -ms-flex-pack: start;
798
800
  justify-content: flex-start;
799
801
  }
800
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
801
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
802
- transform: rotate(-90deg);
803
- margin-left: auto;
804
- }
805
802
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
806
803
  padding: 3px 5px;
807
804
  font-weight: 600;
808
805
  line-height: 18px;
809
806
  }
810
807
 
808
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
809
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
810
+ transform: rotate(-90deg);
811
+ padding: 5px;
812
+ margin: 0 0 0 auto;
813
+ }
814
+
811
815
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
812
816
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
813
817
  transform: rotate(90deg);
814
- margin-right: auto;
815
- margin-left: unset;
818
+ padding: 5px;
819
+ margin: 0 auto 0 0;
816
820
  }
817
821
 
818
822
  .e-ribbon-menu {
@@ -965,6 +969,12 @@
965
969
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
966
970
  height: auto;
967
971
  }
972
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
973
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
974
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
975
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
976
+ margin-bottom: 0;
977
+ }
968
978
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
969
979
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
970
980
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1179,7 +1189,9 @@
1179
1189
  }
1180
1190
 
1181
1191
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1182
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1192
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1193
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1194
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1183
1195
  margin: 3px 7px;
1184
1196
  }
1185
1197
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1187,6 +1199,18 @@
1187
1199
  margin: 7px;
1188
1200
  padding: 0;
1189
1201
  }
1202
+ .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,
1203
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1204
+ .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,
1205
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1206
+ padding: 7px;
1207
+ }
1208
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1209
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1210
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1211
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1212
+ padding: 7px;
1213
+ }
1190
1214
 
1191
1215
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1192
1216
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/highcontrast-light.css CHANGED
@@ -113,9 +113,6 @@
113
113
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
114
114
  display: none;
115
115
  }
116
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
117
- width: fit-content;
118
- }
119
116
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
120
117
  position: absolute;
121
118
  line-height: 22px;
@@ -291,6 +288,9 @@
291
288
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
292
289
  overflow-y: hidden;
293
290
  }
291
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
292
+ margin-bottom: 0;
293
+ }
294
294
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
295
295
  padding-top: 5px;
296
296
  height: auto;
@@ -578,6 +578,7 @@
578
578
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
579
579
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
580
580
  border: 1px solid transparent;
581
+ border-radius: unset;
581
582
  }
582
583
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
583
584
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -696,7 +697,8 @@
696
697
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
697
698
  display: none;
698
699
  }
699
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
700
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
701
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
700
702
  margin: 7px 10px;
701
703
  }
702
704
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -720,22 +722,24 @@
720
722
  -ms-flex-pack: start;
721
723
  justify-content: flex-start;
722
724
  }
723
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
724
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
725
- transform: rotate(-90deg);
726
- margin-left: auto;
727
- }
728
725
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
729
726
  padding: 6px 10px;
730
727
  font-weight: 600;
731
728
  line-height: 16px;
732
729
  }
733
730
 
731
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
732
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
733
+ transform: rotate(-90deg);
734
+ padding: 10px;
735
+ margin: 0 0 0 auto;
736
+ }
737
+
734
738
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
735
739
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
736
740
  transform: rotate(90deg);
737
- margin-right: auto;
738
- margin-left: unset;
741
+ padding: 10px;
742
+ margin: 0 auto 0 0;
739
743
  }
740
744
 
741
745
  .e-ribbon-menu {
@@ -888,6 +892,12 @@
888
892
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
889
893
  height: auto;
890
894
  }
895
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
896
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
897
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
898
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
899
+ margin-bottom: 0;
900
+ }
891
901
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
892
902
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
893
903
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1102,7 +1112,9 @@
1102
1112
  }
1103
1113
 
1104
1114
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1105
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1115
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1116
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1117
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1106
1118
  margin: 7px 10px;
1107
1119
  }
1108
1120
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1110,6 +1122,18 @@
1110
1122
  margin: 10px;
1111
1123
  padding: 0;
1112
1124
  }
1125
+ .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,
1126
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1127
+ .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,
1128
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1129
+ padding: 10px;
1130
+ }
1131
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1132
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1133
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1134
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1135
+ padding: 10px;
1136
+ }
1113
1137
 
1114
1138
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1115
1139
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/highcontrast.css CHANGED
@@ -122,9 +122,6 @@
122
122
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
123
123
  display: none;
124
124
  }
125
- .e-ribbon.e-rbn .e-ribbon-tab .e-item {
126
- width: fit-content;
127
- }
128
125
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
129
126
  position: absolute;
130
127
  line-height: 22px;
@@ -300,6 +297,9 @@
300
297
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
301
298
  overflow-y: hidden;
302
299
  }
300
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
301
+ margin-bottom: 0;
302
+ }
303
303
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
304
304
  padding-top: 5px;
305
305
  height: auto;
@@ -587,6 +587,7 @@
587
587
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
588
588
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
589
589
  border: 1px solid transparent;
590
+ border-radius: unset;
590
591
  }
591
592
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
592
593
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -705,7 +706,8 @@
705
706
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
706
707
  display: none;
707
708
  }
708
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
709
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
710
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
709
711
  margin: 7px 10px;
710
712
  }
711
713
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -729,22 +731,24 @@
729
731
  -ms-flex-pack: start;
730
732
  justify-content: flex-start;
731
733
  }
732
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
733
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
734
- transform: rotate(-90deg);
735
- margin-left: auto;
736
- }
737
734
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
738
735
  padding: 6px 10px;
739
736
  font-weight: 600;
740
737
  line-height: 16px;
741
738
  }
742
739
 
740
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
741
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
742
+ transform: rotate(-90deg);
743
+ padding: 10px;
744
+ margin: 0 0 0 auto;
745
+ }
746
+
743
747
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
744
748
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
745
749
  transform: rotate(90deg);
746
- margin-right: auto;
747
- margin-left: unset;
750
+ padding: 10px;
751
+ margin: 0 auto 0 0;
748
752
  }
749
753
 
750
754
  .e-ribbon-menu {
@@ -897,6 +901,12 @@
897
901
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
898
902
  height: auto;
899
903
  }
904
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
905
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
906
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
907
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
908
+ margin-bottom: 0;
909
+ }
900
910
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
901
911
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
902
912
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1111,7 +1121,9 @@
1111
1121
  }
1112
1122
 
1113
1123
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1114
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1124
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1125
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1126
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1115
1127
  margin: 7px 10px;
1116
1128
  }
1117
1129
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1119,6 +1131,18 @@
1119
1131
  margin: 10px;
1120
1132
  padding: 0;
1121
1133
  }
1134
+ .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,
1135
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1136
+ .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,
1137
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1138
+ padding: 10px;
1139
+ }
1140
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1141
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1142
+ .e-bigger.e-ribbon-group-overflow-ddb.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.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1144
+ padding: 10px;
1145
+ }
1122
1146
 
1123
1147
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1124
1148
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,