@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/tailwind.css CHANGED
@@ -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,