@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.
Files changed (32) hide show
  1. package/package.json +8 -8
  2. package/styles/bootstrap-dark.css +13 -52
  3. package/styles/bootstrap.css +13 -52
  4. package/styles/bootstrap4.css +13 -52
  5. package/styles/bootstrap5-dark.css +13 -52
  6. package/styles/bootstrap5.css +13 -52
  7. package/styles/fabric-dark.css +13 -52
  8. package/styles/fabric.css +13 -52
  9. package/styles/fluent-dark.css +13 -52
  10. package/styles/fluent.css +13 -52
  11. package/styles/highcontrast-light.css +13 -52
  12. package/styles/highcontrast.css +13 -52
  13. package/styles/material-dark.css +13 -52
  14. package/styles/material.css +13 -52
  15. package/styles/ribbon/_layout.scss +19 -82
  16. package/styles/ribbon/bootstrap-dark.css +13 -52
  17. package/styles/ribbon/bootstrap.css +13 -52
  18. package/styles/ribbon/bootstrap4.css +13 -52
  19. package/styles/ribbon/bootstrap5-dark.css +13 -52
  20. package/styles/ribbon/bootstrap5.css +13 -52
  21. package/styles/ribbon/fabric-dark.css +13 -52
  22. package/styles/ribbon/fabric.css +13 -52
  23. package/styles/ribbon/fluent-dark.css +13 -52
  24. package/styles/ribbon/fluent.css +13 -52
  25. package/styles/ribbon/highcontrast-light.css +13 -52
  26. package/styles/ribbon/highcontrast.css +13 -52
  27. package/styles/ribbon/material-dark.css +13 -52
  28. package/styles/ribbon/material.css +13 -52
  29. package/styles/ribbon/tailwind-dark.css +13 -52
  30. package/styles/ribbon/tailwind.css +13 -52
  31. package/styles/tailwind-dark.css +13 -52
  32. package/styles/tailwind.css +13 -52
package/styles/fluent-dark.css CHANGED
@@ -190,6 +190,9 @@
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
+ }
193
196
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
194
197
  position: absolute;
195
198
  line-height: 22px;
@@ -273,9 +276,6 @@
273
276
  height: auto;
274
277
  min-height: auto;
275
278
  }
276
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
277
- box-shadow: none;
278
- }
279
279
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
280
280
  padding: 0;
281
281
  }
@@ -285,10 +285,9 @@
285
285
  min-width: auto;
286
286
  width: auto;
287
287
  border-style: solid;
288
- transform: none;
289
288
  border-width: 1px;
290
289
  border-radius: 2px;
291
- z-index: 3;
290
+ z-index: 2;
292
291
  }
293
292
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
294
293
  display: none;
@@ -296,7 +295,6 @@
296
295
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
297
296
  font-size: 14px;
298
297
  height: auto;
299
- transform: none;
300
298
  line-height: 14px;
301
299
  padding: 0 5px;
302
300
  width: auto;
@@ -365,9 +363,6 @@
365
363
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
366
364
  overflow-y: hidden;
367
365
  }
368
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
- margin-bottom: 0;
370
- }
371
366
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
367
  padding-top: 1px;
373
368
  height: auto;
@@ -417,9 +412,6 @@
417
412
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
413
  left: var(--fileMenuWidth);
419
414
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
416
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
417
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +423,6 @@
431
423
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
424
  right: var(--fileMenuWidth);
433
425
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
426
 
438
427
  .e-ribbon.e-rbn,
439
428
  .e-ribbon-group-overflow-ddb {
@@ -655,7 +644,6 @@
655
644
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
656
645
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
657
646
  border: 1px solid transparent;
658
- border-radius: 2px;
659
647
  }
660
648
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
661
649
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -774,8 +762,7 @@
774
762
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
775
763
  display: none;
776
764
  }
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 {
765
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
779
766
  margin: 3px 5px;
780
767
  }
781
768
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -799,24 +786,22 @@
799
786
  -ms-flex-pack: start;
800
787
  justify-content: flex-start;
801
788
  }
789
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
790
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
791
+ transform: rotate(-90deg);
792
+ margin-left: auto;
793
+ }
802
794
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
803
795
  padding: 3px 5px;
804
796
  font-weight: 600;
805
797
  line-height: 18px;
806
798
  }
807
799
 
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
-
815
800
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
816
801
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
817
802
  transform: rotate(90deg);
818
- padding: 5px;
819
- margin: 0 auto 0 0;
803
+ margin-right: auto;
804
+ margin-left: unset;
820
805
  }
821
806
 
822
807
  .e-ribbon-menu {
@@ -874,10 +859,6 @@
874
859
  padding-right: 16px;
875
860
  height: 48px;
876
861
  }
877
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
878
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
879
- min-height: auto;
880
- }
881
862
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
882
863
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
883
864
  height: 48px;
@@ -969,12 +950,6 @@
969
950
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
970
951
  height: auto;
971
952
  }
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
- }
978
953
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
979
954
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
980
955
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1189,9 +1164,7 @@
1189
1164
  }
1190
1165
 
1191
1166
  .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 {
1167
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1195
1168
  margin: 3px 7px;
1196
1169
  }
1197
1170
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1199,18 +1172,6 @@
1199
1172
  margin: 7px;
1200
1173
  padding: 0;
1201
1174
  }
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
- }
1214
1175
 
1215
1176
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1177
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/fluent.css CHANGED
@@ -190,6 +190,9 @@
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
+ }
193
196
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
194
197
  position: absolute;
195
198
  line-height: 22px;
@@ -273,9 +276,6 @@
273
276
  height: auto;
274
277
  min-height: auto;
275
278
  }
276
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
277
- box-shadow: none;
278
- }
279
279
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
280
280
  padding: 0;
281
281
  }
@@ -285,10 +285,9 @@
285
285
  min-width: auto;
286
286
  width: auto;
287
287
  border-style: solid;
288
- transform: none;
289
288
  border-width: 1px;
290
289
  border-radius: 2px;
291
- z-index: 3;
290
+ z-index: 2;
292
291
  }
293
292
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
294
293
  display: none;
@@ -296,7 +295,6 @@
296
295
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
297
296
  font-size: 14px;
298
297
  height: auto;
299
- transform: none;
300
298
  line-height: 14px;
301
299
  padding: 0 5px;
302
300
  width: auto;
@@ -365,9 +363,6 @@
365
363
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
366
364
  overflow-y: hidden;
367
365
  }
368
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
- margin-bottom: 0;
370
- }
371
366
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
367
  padding-top: 1px;
373
368
  height: auto;
@@ -417,9 +412,6 @@
417
412
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
413
  left: var(--fileMenuWidth);
419
414
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
416
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
417
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +423,6 @@
431
423
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
424
  right: var(--fileMenuWidth);
433
425
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
426
 
438
427
  .e-ribbon.e-rbn,
439
428
  .e-ribbon-group-overflow-ddb {
@@ -655,7 +644,6 @@
655
644
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
656
645
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
657
646
  border: 1px solid transparent;
658
- border-radius: 2px;
659
647
  }
660
648
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
661
649
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -774,8 +762,7 @@
774
762
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
775
763
  display: none;
776
764
  }
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 {
765
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
779
766
  margin: 3px 5px;
780
767
  }
781
768
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -799,24 +786,22 @@
799
786
  -ms-flex-pack: start;
800
787
  justify-content: flex-start;
801
788
  }
789
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
790
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
791
+ transform: rotate(-90deg);
792
+ margin-left: auto;
793
+ }
802
794
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
803
795
  padding: 3px 5px;
804
796
  font-weight: 600;
805
797
  line-height: 18px;
806
798
  }
807
799
 
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
-
815
800
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
816
801
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
817
802
  transform: rotate(90deg);
818
- padding: 5px;
819
- margin: 0 auto 0 0;
803
+ margin-right: auto;
804
+ margin-left: unset;
820
805
  }
821
806
 
822
807
  .e-ribbon-menu {
@@ -874,10 +859,6 @@
874
859
  padding-right: 16px;
875
860
  height: 48px;
876
861
  }
877
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
878
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
879
- min-height: auto;
880
- }
881
862
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
882
863
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
883
864
  height: 48px;
@@ -969,12 +950,6 @@
969
950
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
970
951
  height: auto;
971
952
  }
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
- }
978
953
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
979
954
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
980
955
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1189,9 +1164,7 @@
1189
1164
  }
1190
1165
 
1191
1166
  .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 {
1167
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1195
1168
  margin: 3px 7px;
1196
1169
  }
1197
1170
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1199,18 +1172,6 @@
1199
1172
  margin: 7px;
1200
1173
  padding: 0;
1201
1174
  }
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
- }
1214
1175
 
1215
1176
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1177
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/highcontrast-light.css CHANGED
@@ -113,6 +113,9 @@
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
+ }
116
119
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
117
120
  position: absolute;
118
121
  line-height: 22px;
@@ -196,9 +199,6 @@
196
199
  height: auto;
197
200
  min-height: auto;
198
201
  }
199
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
200
- box-shadow: none;
201
- }
202
202
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
203
203
  padding: 0;
204
204
  }
@@ -208,10 +208,9 @@
208
208
  min-width: auto;
209
209
  width: auto;
210
210
  border-style: solid;
211
- transform: none;
212
211
  border-width: 1px;
213
212
  border-radius: unset;
214
- z-index: 3;
213
+ z-index: 2;
215
214
  }
216
215
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
217
216
  display: none;
@@ -219,7 +218,6 @@
219
218
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
220
219
  font-size: 16px;
221
220
  height: auto;
222
- transform: none;
223
221
  line-height: 16px;
224
222
  padding: 0 4px;
225
223
  width: auto;
@@ -288,9 +286,6 @@
288
286
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
289
287
  overflow-y: hidden;
290
288
  }
291
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
292
- margin-bottom: 0;
293
- }
294
289
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
295
290
  padding-top: 5px;
296
291
  height: auto;
@@ -340,9 +335,6 @@
340
335
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
341
336
  left: var(--fileMenuWidth);
342
337
  }
343
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
344
- padding-right: 30px;
345
- }
346
338
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
347
339
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
348
340
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -354,9 +346,6 @@
354
346
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
355
347
  right: var(--fileMenuWidth);
356
348
  }
357
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
358
- padding-left: 30px;
359
- }
360
349
 
361
350
  .e-ribbon.e-rbn,
362
351
  .e-ribbon-group-overflow-ddb {
@@ -578,7 +567,6 @@
578
567
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
579
568
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
580
569
  border: 1px solid transparent;
581
- border-radius: unset;
582
570
  }
583
571
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
584
572
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -697,8 +685,7 @@
697
685
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
698
686
  display: none;
699
687
  }
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 {
688
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
702
689
  margin: 7px 10px;
703
690
  }
704
691
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -722,24 +709,22 @@
722
709
  -ms-flex-pack: start;
723
710
  justify-content: flex-start;
724
711
  }
712
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
713
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
714
+ transform: rotate(-90deg);
715
+ margin-left: auto;
716
+ }
725
717
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
726
718
  padding: 6px 10px;
727
719
  font-weight: 600;
728
720
  line-height: 16px;
729
721
  }
730
722
 
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
-
738
723
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
739
724
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
740
725
  transform: rotate(90deg);
741
- padding: 10px;
742
- margin: 0 auto 0 0;
726
+ margin-right: auto;
727
+ margin-left: unset;
743
728
  }
744
729
 
745
730
  .e-ribbon-menu {
@@ -797,10 +782,6 @@
797
782
  padding-right: 16px;
798
783
  height: 50px;
799
784
  }
800
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
801
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
802
- min-height: auto;
803
- }
804
785
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
805
786
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
806
787
  height: 50px;
@@ -892,12 +873,6 @@
892
873
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
893
874
  height: auto;
894
875
  }
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
- }
901
876
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
902
877
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
903
878
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1112,9 +1087,7 @@
1112
1087
  }
1113
1088
 
1114
1089
  .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 {
1090
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1118
1091
  margin: 7px 10px;
1119
1092
  }
1120
1093
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1122,18 +1095,6 @@
1122
1095
  margin: 10px;
1123
1096
  padding: 0;
1124
1097
  }
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
- }
1137
1098
 
1138
1099
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1139
1100
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/highcontrast.css CHANGED
@@ -122,6 +122,9 @@
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
+ }
125
128
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
126
129
  position: absolute;
127
130
  line-height: 22px;
@@ -205,9 +208,6 @@
205
208
  height: auto;
206
209
  min-height: auto;
207
210
  }
208
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
209
- box-shadow: none;
210
- }
211
211
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
212
212
  padding: 0;
213
213
  }
@@ -217,10 +217,9 @@
217
217
  min-width: auto;
218
218
  width: auto;
219
219
  border-style: solid;
220
- transform: none;
221
220
  border-width: 1px;
222
221
  border-radius: unset;
223
- z-index: 3;
222
+ z-index: 2;
224
223
  }
225
224
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
226
225
  display: none;
@@ -228,7 +227,6 @@
228
227
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
229
228
  font-size: 16px;
230
229
  height: auto;
231
- transform: none;
232
230
  line-height: 16px;
233
231
  padding: 0 4px;
234
232
  width: auto;
@@ -297,9 +295,6 @@
297
295
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
298
296
  overflow-y: hidden;
299
297
  }
300
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
301
- margin-bottom: 0;
302
- }
303
298
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
304
299
  padding-top: 5px;
305
300
  height: auto;
@@ -349,9 +344,6 @@
349
344
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
350
345
  left: var(--fileMenuWidth);
351
346
  }
352
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
353
- padding-right: 30px;
354
- }
355
347
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
356
348
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
357
349
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -363,9 +355,6 @@
363
355
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
364
356
  right: var(--fileMenuWidth);
365
357
  }
366
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
367
- padding-left: 30px;
368
- }
369
358
 
370
359
  .e-ribbon.e-rbn,
371
360
  .e-ribbon-group-overflow-ddb {
@@ -587,7 +576,6 @@
587
576
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
588
577
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
589
578
  border: 1px solid transparent;
590
- border-radius: unset;
591
579
  }
592
580
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
593
581
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -706,8 +694,7 @@
706
694
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
707
695
  display: none;
708
696
  }
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 {
697
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
711
698
  margin: 7px 10px;
712
699
  }
713
700
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -731,24 +718,22 @@
731
718
  -ms-flex-pack: start;
732
719
  justify-content: flex-start;
733
720
  }
721
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
722
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
723
+ transform: rotate(-90deg);
724
+ margin-left: auto;
725
+ }
734
726
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
735
727
  padding: 6px 10px;
736
728
  font-weight: 600;
737
729
  line-height: 16px;
738
730
  }
739
731
 
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
-
747
732
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
748
733
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
749
734
  transform: rotate(90deg);
750
- padding: 10px;
751
- margin: 0 auto 0 0;
735
+ margin-right: auto;
736
+ margin-left: unset;
752
737
  }
753
738
 
754
739
  .e-ribbon-menu {
@@ -806,10 +791,6 @@
806
791
  padding-right: 16px;
807
792
  height: 50px;
808
793
  }
809
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
810
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
811
- min-height: auto;
812
- }
813
794
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
814
795
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
815
796
  height: 50px;
@@ -901,12 +882,6 @@
901
882
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
902
883
  height: auto;
903
884
  }
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
- }
910
885
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
911
886
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
912
887
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1121,9 +1096,7 @@
1121
1096
  }
1122
1097
 
1123
1098
  .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 {
1099
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1127
1100
  margin: 7px 10px;
1128
1101
  }
1129
1102
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1131,18 +1104,6 @@
1131
1104
  margin: 10px;
1132
1105
  padding: 0;
1133
1106
  }
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
- }
1146
1107
 
1147
1108
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1148
1109
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,