@syncfusion/ej2-angular-ribbon 21.2.3 → 22.1.34

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.
@@ -209,6 +209,9 @@
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
+ }
212
215
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
213
216
  position: absolute;
214
217
  line-height: 22px;
@@ -292,9 +295,6 @@
292
295
  height: auto;
293
296
  min-height: auto;
294
297
  }
295
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
296
- box-shadow: none;
297
- }
298
298
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
299
299
  padding: 0;
300
300
  }
@@ -304,10 +304,9 @@
304
304
  min-width: auto;
305
305
  width: auto;
306
306
  border-style: solid;
307
- transform: none;
308
307
  border-width: 1px;
309
308
  border-radius: unset;
310
- z-index: 3;
309
+ z-index: 2;
311
310
  }
312
311
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
313
312
  display: none;
@@ -315,7 +314,6 @@
315
314
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
316
315
  font-size: 16px;
317
316
  height: auto;
318
- transform: none;
319
317
  line-height: 16px;
320
318
  padding: 0 4px;
321
319
  width: auto;
@@ -384,9 +382,6 @@
384
382
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
385
383
  overflow-y: hidden;
386
384
  }
387
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
388
- margin-bottom: 0;
389
- }
390
385
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
391
386
  padding-top: 2px;
392
387
  height: auto;
@@ -436,9 +431,6 @@
436
431
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
437
432
  left: var(--fileMenuWidth);
438
433
  }
439
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
440
- padding-right: 30px;
441
- }
442
434
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
443
435
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
444
436
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -450,9 +442,6 @@
450
442
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
451
443
  right: var(--fileMenuWidth);
452
444
  }
453
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
454
- padding-left: 30px;
455
- }
456
445
 
457
446
  .e-ribbon.e-rbn,
458
447
  .e-ribbon-group-overflow-ddb {
@@ -674,7 +663,6 @@
674
663
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
675
664
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
676
665
  border: 1px solid transparent;
677
- border-radius: unset;
678
666
  }
679
667
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
680
668
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -793,8 +781,7 @@
793
781
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
794
782
  display: none;
795
783
  }
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 {
784
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
798
785
  margin: 3px 8px;
799
786
  }
800
787
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -818,24 +805,22 @@
818
805
  -ms-flex-pack: start;
819
806
  justify-content: flex-start;
820
807
  }
808
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
809
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
810
+ transform: rotate(-90deg);
811
+ margin-left: auto;
812
+ }
821
813
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
822
814
  padding: 3px 8px;
823
815
  font-weight: 600;
824
816
  line-height: 18px;
825
817
  }
826
818
 
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
-
834
819
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
835
820
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
836
821
  transform: rotate(90deg);
837
- padding: 8px;
838
- margin: 0 auto 0 0;
822
+ margin-right: auto;
823
+ margin-left: unset;
839
824
  }
840
825
 
841
826
  .e-ribbon-menu {
@@ -893,10 +878,6 @@
893
878
  padding-right: 16px;
894
879
  height: 56px;
895
880
  }
896
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
897
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
898
- min-height: auto;
899
- }
900
881
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
901
882
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
902
883
  height: 56px;
@@ -988,12 +969,6 @@
988
969
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
989
970
  height: auto;
990
971
  }
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
- }
997
972
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
998
973
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
999
974
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1208,9 +1183,7 @@
1208
1183
  }
1209
1184
 
1210
1185
  .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 {
1186
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1214
1187
  margin: 3px 8px;
1215
1188
  }
1216
1189
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1218,18 +1191,6 @@
1218
1191
  margin: 8px;
1219
1192
  padding: 0;
1220
1193
  }
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
- }
1233
1194
 
1234
1195
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1235
1196
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -188,6 +188,9 @@
188
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
189
189
  display: none;
190
190
  }
191
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
192
+ width: fit-content;
193
+ }
191
194
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
195
  position: absolute;
193
196
  line-height: 22px;
@@ -271,9 +274,6 @@
271
274
  height: auto;
272
275
  min-height: auto;
273
276
  }
274
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
275
- box-shadow: none;
276
- }
277
277
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
278
278
  padding: 0;
279
279
  }
@@ -283,10 +283,9 @@
283
283
  min-width: auto;
284
284
  width: auto;
285
285
  border-style: solid;
286
- transform: none;
287
286
  border-width: 1px;
288
287
  border-radius: 2px;
289
- z-index: 3;
288
+ z-index: 2;
290
289
  }
291
290
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
292
291
  display: none;
@@ -294,7 +293,6 @@
294
293
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
295
294
  font-size: 14px;
296
295
  height: auto;
297
- transform: none;
298
296
  line-height: 14px;
299
297
  padding: 0 5px;
300
298
  width: auto;
@@ -363,9 +361,6 @@
363
361
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
364
362
  overflow-y: hidden;
365
363
  }
366
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
367
- margin-bottom: 0;
368
- }
369
364
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
370
365
  padding-top: 1px;
371
366
  height: auto;
@@ -415,9 +410,6 @@
415
410
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
416
411
  left: var(--fileMenuWidth);
417
412
  }
418
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
419
- padding-right: 30px;
420
- }
421
413
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
422
414
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -429,9 +421,6 @@
429
421
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
430
422
  right: var(--fileMenuWidth);
431
423
  }
432
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
433
- padding-left: 30px;
434
- }
435
424
 
436
425
  .e-ribbon.e-rbn,
437
426
  .e-ribbon-group-overflow-ddb {
@@ -653,7 +642,6 @@
653
642
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
654
643
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
655
644
  border: 1px solid transparent;
656
- border-radius: 4px;
657
645
  }
658
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
659
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -772,8 +760,7 @@
772
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
773
761
  display: none;
774
762
  }
775
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
776
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
777
764
  margin: 3px 5px;
778
765
  }
779
766
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -797,24 +784,22 @@
797
784
  -ms-flex-pack: start;
798
785
  justify-content: flex-start;
799
786
  }
787
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
788
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
789
+ transform: rotate(-90deg);
790
+ margin-left: auto;
791
+ }
800
792
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
801
793
  padding: 3px 5px;
802
794
  font-weight: 600;
803
795
  line-height: 18px;
804
796
  }
805
797
 
806
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
807
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
808
- transform: rotate(-90deg);
809
- padding: 5px;
810
- margin: 0 0 0 auto;
811
- }
812
-
813
798
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
814
799
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
815
800
  transform: rotate(90deg);
816
- padding: 5px;
817
- margin: 0 auto 0 0;
801
+ margin-right: auto;
802
+ margin-left: unset;
818
803
  }
819
804
 
820
805
  .e-ribbon-menu {
@@ -872,10 +857,6 @@
872
857
  padding-right: 16px;
873
858
  height: 48px;
874
859
  }
875
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
876
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
877
- min-height: auto;
878
- }
879
860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
880
861
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
881
862
  height: 48px;
@@ -967,12 +948,6 @@
967
948
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
968
949
  height: auto;
969
950
  }
970
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
971
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
972
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
973
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
974
- margin-bottom: 0;
975
- }
976
951
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
977
952
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
978
953
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1187,9 +1162,7 @@
1187
1162
  }
1188
1163
 
1189
1164
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1190
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1191
- .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 {
1165
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1193
1166
  margin: 3px 7px;
1194
1167
  }
1195
1168
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1197,18 +1170,6 @@
1197
1170
  margin: 7px;
1198
1171
  padding: 0;
1199
1172
  }
1200
- .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,
1201
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1205
- }
1206
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1207
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1211
- }
1212
1173
 
1213
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -188,6 +188,9 @@
188
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
189
189
  display: none;
190
190
  }
191
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
192
+ width: fit-content;
193
+ }
191
194
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
195
  position: absolute;
193
196
  line-height: 22px;
@@ -271,9 +274,6 @@
271
274
  height: auto;
272
275
  min-height: auto;
273
276
  }
274
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
275
- box-shadow: none;
276
- }
277
277
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
278
278
  padding: 0;
279
279
  }
@@ -283,10 +283,9 @@
283
283
  min-width: auto;
284
284
  width: auto;
285
285
  border-style: solid;
286
- transform: none;
287
286
  border-width: 1px;
288
287
  border-radius: 2px;
289
- z-index: 3;
288
+ z-index: 2;
290
289
  }
291
290
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
292
291
  display: none;
@@ -294,7 +293,6 @@
294
293
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
295
294
  font-size: 14px;
296
295
  height: auto;
297
- transform: none;
298
296
  line-height: 14px;
299
297
  padding: 0 5px;
300
298
  width: auto;
@@ -363,9 +361,6 @@
363
361
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
364
362
  overflow-y: hidden;
365
363
  }
366
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
367
- margin-bottom: 0;
368
- }
369
364
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
370
365
  padding-top: 1px;
371
366
  height: auto;
@@ -415,9 +410,6 @@
415
410
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
416
411
  left: var(--fileMenuWidth);
417
412
  }
418
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
419
- padding-right: 30px;
420
- }
421
413
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
422
414
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -429,9 +421,6 @@
429
421
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
430
422
  right: var(--fileMenuWidth);
431
423
  }
432
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
433
- padding-left: 30px;
434
- }
435
424
 
436
425
  .e-ribbon.e-rbn,
437
426
  .e-ribbon-group-overflow-ddb {
@@ -653,7 +642,6 @@
653
642
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
654
643
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
655
644
  border: 1px solid transparent;
656
- border-radius: 4px;
657
645
  }
658
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
659
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -772,8 +760,7 @@
772
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
773
761
  display: none;
774
762
  }
775
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
776
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
777
764
  margin: 3px 5px;
778
765
  }
779
766
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -797,24 +784,22 @@
797
784
  -ms-flex-pack: start;
798
785
  justify-content: flex-start;
799
786
  }
787
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
788
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
789
+ transform: rotate(-90deg);
790
+ margin-left: auto;
791
+ }
800
792
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
801
793
  padding: 3px 5px;
802
794
  font-weight: 600;
803
795
  line-height: 18px;
804
796
  }
805
797
 
806
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
807
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
808
- transform: rotate(-90deg);
809
- padding: 5px;
810
- margin: 0 0 0 auto;
811
- }
812
-
813
798
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
814
799
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
815
800
  transform: rotate(90deg);
816
- padding: 5px;
817
- margin: 0 auto 0 0;
801
+ margin-right: auto;
802
+ margin-left: unset;
818
803
  }
819
804
 
820
805
  .e-ribbon-menu {
@@ -872,10 +857,6 @@
872
857
  padding-right: 16px;
873
858
  height: 48px;
874
859
  }
875
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
876
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
877
- min-height: auto;
878
- }
879
860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
880
861
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
881
862
  height: 48px;
@@ -967,12 +948,6 @@
967
948
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
968
949
  height: auto;
969
950
  }
970
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
971
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
972
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
973
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
974
- margin-bottom: 0;
975
- }
976
951
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
977
952
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
978
953
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1187,9 +1162,7 @@
1187
1162
  }
1188
1163
 
1189
1164
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1190
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1191
- .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 {
1165
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1193
1166
  margin: 3px 7px;
1194
1167
  }
1195
1168
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1197,18 +1170,6 @@
1197
1170
  margin: 7px;
1198
1171
  padding: 0;
1199
1172
  }
1200
- .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,
1201
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1205
- }
1206
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1207
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1211
- }
1212
1173
 
1213
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -188,6 +188,9 @@
188
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
189
189
  display: none;
190
190
  }
191
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
192
+ width: fit-content;
193
+ }
191
194
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
195
  position: absolute;
193
196
  line-height: 22px;
@@ -271,9 +274,6 @@
271
274
  height: auto;
272
275
  min-height: auto;
273
276
  }
274
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
275
- box-shadow: none;
276
- }
277
277
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
278
278
  padding: 0;
279
279
  }
@@ -283,10 +283,9 @@
283
283
  min-width: auto;
284
284
  width: auto;
285
285
  border-style: solid;
286
- transform: none;
287
286
  border-width: 1px;
288
287
  border-radius: 2px;
289
- z-index: 3;
288
+ z-index: 2;
290
289
  }
291
290
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
292
291
  display: none;
@@ -294,7 +293,6 @@
294
293
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
295
294
  font-size: 14px;
296
295
  height: auto;
297
- transform: none;
298
296
  line-height: 14px;
299
297
  padding: 0 5px;
300
298
  width: auto;
@@ -363,9 +361,6 @@
363
361
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
364
362
  overflow-y: hidden;
365
363
  }
366
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
367
- margin-bottom: 0;
368
- }
369
364
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
370
365
  padding-top: 1px;
371
366
  height: auto;
@@ -415,9 +410,6 @@
415
410
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
416
411
  left: var(--fileMenuWidth);
417
412
  }
418
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
419
- padding-right: 30px;
420
- }
421
413
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
422
414
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -429,9 +421,6 @@
429
421
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
430
422
  right: var(--fileMenuWidth);
431
423
  }
432
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
433
- padding-left: 30px;
434
- }
435
424
 
436
425
  .e-ribbon.e-rbn,
437
426
  .e-ribbon-group-overflow-ddb {
@@ -653,7 +642,6 @@
653
642
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
654
643
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
655
644
  border: 1px solid transparent;
656
- border-radius: 4px;
657
645
  }
658
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
659
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -772,8 +760,7 @@
772
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
773
761
  display: none;
774
762
  }
775
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
776
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
777
764
  margin: 3px 5px;
778
765
  }
779
766
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -797,24 +784,22 @@
797
784
  -ms-flex-pack: start;
798
785
  justify-content: flex-start;
799
786
  }
787
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
788
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
789
+ transform: rotate(-90deg);
790
+ margin-left: auto;
791
+ }
800
792
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
801
793
  padding: 3px 5px;
802
794
  font-weight: 600;
803
795
  line-height: 18px;
804
796
  }
805
797
 
806
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
807
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
808
- transform: rotate(-90deg);
809
- padding: 5px;
810
- margin: 0 0 0 auto;
811
- }
812
-
813
798
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
814
799
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
815
800
  transform: rotate(90deg);
816
- padding: 5px;
817
- margin: 0 auto 0 0;
801
+ margin-right: auto;
802
+ margin-left: unset;
818
803
  }
819
804
 
820
805
  .e-ribbon-menu {
@@ -872,10 +857,6 @@
872
857
  padding-right: 16px;
873
858
  height: 48px;
874
859
  }
875
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
876
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
877
- min-height: auto;
878
- }
879
860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
880
861
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
881
862
  height: 48px;
@@ -967,12 +948,6 @@
967
948
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
968
949
  height: auto;
969
950
  }
970
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
971
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
972
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
973
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
974
- margin-bottom: 0;
975
- }
976
951
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
977
952
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
978
953
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1187,9 +1162,7 @@
1187
1162
  }
1188
1163
 
1189
1164
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1190
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1191
- .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 {
1165
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1193
1166
  margin: 3px 7px;
1194
1167
  }
1195
1168
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1197,18 +1170,6 @@
1197
1170
  margin: 7px;
1198
1171
  padding: 0;
1199
1172
  }
1200
- .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,
1201
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1205
- }
1206
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1207
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
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
- padding: 7px;
1211
- }
1212
1173
 
1213
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,