@syncfusion/ej2-react-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 (38) hide show
  1. package/dist/ej2-react-ribbon.min.js +2 -2
  2. package/dist/ej2-react-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-react-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-ribbon.es2015.js +1 -0
  5. package/dist/es6/ej2-react-ribbon.es2015.js.map +1 -1
  6. package/package.json +8 -8
  7. package/src/ribbon/ribbon.component.d.ts +1 -0
  8. package/src/ribbon/ribbon.component.js +1 -0
  9. package/styles/bootstrap-dark.css +36 -12
  10. package/styles/bootstrap.css +36 -12
  11. package/styles/bootstrap4.css +36 -12
  12. package/styles/bootstrap5-dark.css +36 -12
  13. package/styles/bootstrap5.css +36 -12
  14. package/styles/fabric-dark.css +36 -12
  15. package/styles/fabric.css +36 -12
  16. package/styles/fluent-dark.css +36 -12
  17. package/styles/fluent.css +36 -12
  18. package/styles/highcontrast-light.css +36 -12
  19. package/styles/highcontrast.css +36 -12
  20. package/styles/material-dark.css +36 -12
  21. package/styles/material.css +36 -12
  22. package/styles/ribbon/bootstrap-dark.css +36 -12
  23. package/styles/ribbon/bootstrap.css +36 -12
  24. package/styles/ribbon/bootstrap4.css +36 -12
  25. package/styles/ribbon/bootstrap5-dark.css +36 -12
  26. package/styles/ribbon/bootstrap5.css +36 -12
  27. package/styles/ribbon/fabric-dark.css +36 -12
  28. package/styles/ribbon/fabric.css +36 -12
  29. package/styles/ribbon/fluent-dark.css +36 -12
  30. package/styles/ribbon/fluent.css +36 -12
  31. package/styles/ribbon/highcontrast-light.css +36 -12
  32. package/styles/ribbon/highcontrast.css +36 -12
  33. package/styles/ribbon/material-dark.css +36 -12
  34. package/styles/ribbon/material.css +36 -12
  35. package/styles/ribbon/tailwind-dark.css +36 -12
  36. package/styles/ribbon/tailwind.css +36 -12
  37. package/styles/tailwind-dark.css +36 -12
  38. package/styles/tailwind.css +36 -12
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,
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,