@syncfusion/ej2-angular-ribbon 22.1.34-ngcc → 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.
- package/esm2020/public_api.mjs +3 -0
- package/esm2020/src/index.mjs +9 -0
- package/esm2020/src/ribbon/collections.directive.mjs +70 -0
- package/esm2020/src/ribbon/groups.directive.mjs +66 -0
- package/esm2020/src/ribbon/items.directive.mjs +78 -0
- package/esm2020/src/ribbon/ribbon-all.module.mjs +47 -0
- package/esm2020/src/ribbon/ribbon.component.mjs +120 -0
- package/esm2020/src/ribbon/ribbon.module.mjs +61 -0
- package/esm2020/src/ribbon/tabs.directive.mjs +62 -0
- package/esm2020/syncfusion-ej2-angular-ribbon.mjs +5 -0
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +482 -0
- package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +482 -0
- package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
- package/package.json +27 -13
- package/src/ribbon/collections.directive.d.ts +5 -0
- package/src/ribbon/groups.directive.d.ts +5 -0
- package/src/ribbon/items.directive.d.ts +5 -0
- package/src/ribbon/ribbon-all.module.d.ts +6 -0
- package/src/ribbon/ribbon.component.d.ts +3 -0
- package/src/ribbon/ribbon.module.d.ts +10 -0
- package/src/ribbon/tabs.directive.d.ts +5 -0
- package/styles/bootstrap-dark.css +13 -78
- package/styles/bootstrap.css +13 -78
- package/styles/bootstrap4.css +13 -78
- package/styles/bootstrap5-dark.css +13 -78
- package/styles/bootstrap5.css +13 -78
- package/styles/fabric-dark.css +13 -78
- package/styles/fabric.css +13 -78
- package/styles/fluent-dark.css +13 -78
- package/styles/fluent.css +13 -78
- package/styles/highcontrast-light.css +13 -78
- package/styles/highcontrast.css +17 -82
- package/styles/material-dark.css +13 -78
- package/styles/material.css +13 -78
- package/styles/ribbon/_all.scss +2 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +206 -0
- package/styles/ribbon/_bootstrap-definition.scss +206 -0
- package/styles/ribbon/_bootstrap4-definition.scss +206 -0
- package/styles/ribbon/_bootstrap5-dark-definition.scss +1 -0
- package/styles/ribbon/_bootstrap5-definition.scss +206 -0
- package/styles/ribbon/_fabric-dark-definition.scss +206 -0
- package/styles/ribbon/_fabric-definition.scss +206 -0
- package/styles/ribbon/_fluent-dark-definition.scss +1 -0
- package/styles/ribbon/_fluent-definition.scss +206 -0
- package/styles/ribbon/_fusionnew-definition.scss +206 -0
- package/styles/ribbon/_highcontrast-definition.scss +206 -0
- package/styles/ribbon/_highcontrast-light-definition.scss +206 -0
- package/styles/ribbon/_layout.scss +1036 -0
- package/styles/ribbon/_material-dark-definition.scss +206 -0
- package/styles/ribbon/_material-definition.scss +206 -0
- package/styles/ribbon/_tailwind-dark-definition.scss +1 -0
- package/styles/ribbon/_tailwind-definition.scss +206 -0
- package/styles/ribbon/_theme.scss +343 -0
- package/styles/ribbon/bootstrap-dark.css +13 -78
- package/styles/ribbon/bootstrap-dark.scss +17 -1
- package/styles/ribbon/bootstrap.css +13 -78
- package/styles/ribbon/bootstrap.scss +17 -1
- package/styles/ribbon/bootstrap4.css +13 -78
- package/styles/ribbon/bootstrap4.scss +17 -1
- package/styles/ribbon/bootstrap5-dark.css +13 -78
- package/styles/ribbon/bootstrap5-dark.scss +17 -1
- package/styles/ribbon/bootstrap5.css +13 -78
- package/styles/ribbon/bootstrap5.scss +17 -1
- package/styles/ribbon/fabric-dark.css +13 -78
- package/styles/ribbon/fabric-dark.scss +17 -1
- package/styles/ribbon/fabric.css +13 -78
- package/styles/ribbon/fabric.scss +17 -1
- package/styles/ribbon/fluent-dark.css +13 -78
- package/styles/ribbon/fluent-dark.scss +17 -1
- package/styles/ribbon/fluent.css +13 -78
- package/styles/ribbon/fluent.scss +17 -1
- package/styles/ribbon/highcontrast-light.css +13 -78
- package/styles/ribbon/highcontrast-light.scss +16 -1
- package/styles/ribbon/highcontrast.css +17 -82
- package/styles/ribbon/highcontrast.scss +17 -1
- package/styles/ribbon/icons/_bootstrap-dark.scss +9 -0
- package/styles/ribbon/icons/_bootstrap.scss +9 -0
- package/styles/ribbon/icons/_bootstrap4.scss +9 -0
- package/styles/ribbon/icons/_bootstrap5-dark.scss +1 -0
- package/styles/ribbon/icons/_bootstrap5.scss +9 -0
- package/styles/ribbon/icons/_fabric-dark.scss +9 -0
- package/styles/ribbon/icons/_fabric.scss +9 -0
- package/styles/ribbon/icons/_fluent-dark.scss +1 -0
- package/styles/ribbon/icons/_fluent.scss +9 -0
- package/styles/ribbon/icons/_fusionnew.scss +9 -0
- package/styles/ribbon/icons/_highcontrast.scss +9 -0
- package/styles/ribbon/icons/_material-dark.scss +9 -0
- package/styles/ribbon/icons/_material.scss +9 -0
- package/styles/ribbon/icons/_material3.scss +9 -0
- package/styles/ribbon/icons/_tailwind-dark.scss +9 -0
- package/styles/ribbon/icons/_tailwind.scss +9 -0
- package/styles/ribbon/material-dark.css +13 -78
- package/styles/ribbon/material-dark.scss +17 -1
- package/styles/ribbon/material.css +13 -78
- package/styles/ribbon/material.scss +17 -1
- package/styles/ribbon/tailwind-dark.css +13 -78
- package/styles/ribbon/tailwind-dark.scss +17 -1
- package/styles/ribbon/tailwind.css +13 -78
- package/styles/ribbon/tailwind.scss +17 -1
- package/styles/tailwind-dark.css +13 -78
- package/styles/tailwind.css +13 -78
- package/syncfusion-ej2-angular-ribbon.d.ts +5 -0
- package/@syncfusion/ej2-angular-ribbon.es5.js +0 -566
- package/@syncfusion/ej2-angular-ribbon.es5.js.map +0 -1
- package/@syncfusion/ej2-angular-ribbon.js +0 -526
- package/@syncfusion/ej2-angular-ribbon.js.map +0 -1
- package/CHANGELOG.md +0 -21
- package/dist/ej2-angular-ribbon.umd.js +0 -710
- package/dist/ej2-angular-ribbon.umd.js.map +0 -1
- package/dist/ej2-angular-ribbon.umd.min.js +0 -11
- package/dist/ej2-angular-ribbon.umd.min.js.map +0 -1
- package/ej2-angular-ribbon.d.ts +0 -5
- package/ej2-angular-ribbon.metadata.json +0 -1
- package/license +0 -10
- package/postinstall/tagchange.js +0 -18
- package/schematics/collection.json +0 -10
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/index.ts +0 -10
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/ng-add/schema.json +0 -34
- package/schematics/ng-add/schema.ts +0 -30
- package/schematics/tsconfig.json +0 -25
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
- package/schematics/utils/lib-details.ts +0 -4
- package/styles/material3-dark.css +0 -1671
- package/styles/material3-dark.scss +0 -2
- package/styles/material3.css +0 -1727
- package/styles/material3.scss +0 -2
- package/styles/ribbon/material3-dark.css +0 -1671
- package/styles/ribbon/material3-dark.scss +0 -2
- package/styles/ribbon/material3.css +0 -1727
- package/styles/ribbon/material3.scss +0 -2
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;
|
|
@@ -130,7 +133,6 @@
|
|
|
130
133
|
border-width: 0 0 1px 0;
|
|
131
134
|
font-size: 14px;
|
|
132
135
|
font-weight: 400;
|
|
133
|
-
box-shadow: none;
|
|
134
136
|
}
|
|
135
137
|
.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
|
|
136
138
|
border-radius: unset;
|
|
@@ -206,9 +208,6 @@
|
|
|
206
208
|
height: auto;
|
|
207
209
|
min-height: auto;
|
|
208
210
|
}
|
|
209
|
-
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
210
|
-
box-shadow: none;
|
|
211
|
-
}
|
|
212
211
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
|
|
213
212
|
padding: 0;
|
|
214
213
|
}
|
|
@@ -218,10 +217,9 @@
|
|
|
218
217
|
min-width: auto;
|
|
219
218
|
width: auto;
|
|
220
219
|
border-style: solid;
|
|
221
|
-
transform: none;
|
|
222
220
|
border-width: 1px;
|
|
223
221
|
border-radius: unset;
|
|
224
|
-
z-index:
|
|
222
|
+
z-index: 2;
|
|
225
223
|
}
|
|
226
224
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
|
|
227
225
|
display: none;
|
|
@@ -229,7 +227,6 @@
|
|
|
229
227
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
|
|
230
228
|
font-size: 16px;
|
|
231
229
|
height: auto;
|
|
232
|
-
transform: none;
|
|
233
230
|
line-height: 16px;
|
|
234
231
|
padding: 0 4px;
|
|
235
232
|
width: auto;
|
|
@@ -244,7 +241,7 @@
|
|
|
244
241
|
height: 40px;
|
|
245
242
|
}
|
|
246
243
|
.e-ribbon.e-rbn .e-content {
|
|
247
|
-
width: calc(100% -
|
|
244
|
+
width: calc(100% - 20px);
|
|
248
245
|
}
|
|
249
246
|
.e-ribbon.e-rbn .e-ribbon-collapse-btn {
|
|
250
247
|
bottom: 0;
|
|
@@ -258,7 +255,7 @@
|
|
|
258
255
|
transform: rotate(180deg);
|
|
259
256
|
}
|
|
260
257
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-content {
|
|
261
|
-
width: calc(100% -
|
|
258
|
+
width: calc(100% - 20px - 40px);
|
|
262
259
|
}
|
|
263
260
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
|
|
264
261
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
|
|
@@ -268,7 +265,6 @@
|
|
|
268
265
|
border: 2px solid;
|
|
269
266
|
height: 40px;
|
|
270
267
|
margin: auto;
|
|
271
|
-
box-shadow: none;
|
|
272
268
|
}
|
|
273
269
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
|
|
274
270
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
|
|
@@ -299,9 +295,6 @@
|
|
|
299
295
|
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
|
|
300
296
|
overflow-y: hidden;
|
|
301
297
|
}
|
|
302
|
-
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
|
|
303
|
-
margin-bottom: 0;
|
|
304
|
-
}
|
|
305
298
|
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
|
|
306
299
|
padding-top: 5px;
|
|
307
300
|
height: auto;
|
|
@@ -351,9 +344,6 @@
|
|
|
351
344
|
.e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
|
|
352
345
|
left: var(--fileMenuWidth);
|
|
353
346
|
}
|
|
354
|
-
.e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
|
|
355
|
-
padding-right: 30px;
|
|
356
|
-
}
|
|
357
347
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
|
|
358
348
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
|
|
359
349
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
|
|
@@ -365,9 +355,6 @@
|
|
|
365
355
|
.e-ribbon.e-rbn.e-rtl .e-tab-header {
|
|
366
356
|
right: var(--fileMenuWidth);
|
|
367
357
|
}
|
|
368
|
-
.e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
|
|
369
|
-
padding-left: 30px;
|
|
370
|
-
}
|
|
371
358
|
|
|
372
359
|
.e-ribbon.e-rbn,
|
|
373
360
|
.e-ribbon-group-overflow-ddb {
|
|
@@ -408,8 +395,6 @@
|
|
|
408
395
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
|
|
409
396
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
|
|
410
397
|
min-width: auto;
|
|
411
|
-
min-height: auto;
|
|
412
|
-
border-radius: unset;
|
|
413
398
|
}
|
|
414
399
|
.e-ribbon.e-rbn .e-input-group .e-clear-icon,
|
|
415
400
|
.e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
|
|
@@ -493,7 +478,6 @@
|
|
|
493
478
|
font-weight: 400;
|
|
494
479
|
font-size: 14px;
|
|
495
480
|
text-transform: none;
|
|
496
|
-
box-shadow: none;
|
|
497
481
|
}
|
|
498
482
|
.e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
|
|
499
483
|
.e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
|
|
@@ -592,7 +576,6 @@
|
|
|
592
576
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
593
577
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
|
|
594
578
|
border: 1px solid transparent;
|
|
595
|
-
border-radius: unset;
|
|
596
579
|
}
|
|
597
580
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
598
581
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
@@ -602,7 +585,6 @@
|
|
|
602
585
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
|
|
603
586
|
border: 1px solid transparent;
|
|
604
587
|
border-radius: unset;
|
|
605
|
-
box-shadow: none;
|
|
606
588
|
}
|
|
607
589
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
|
|
608
590
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
|
|
@@ -712,8 +694,7 @@
|
|
|
712
694
|
.e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
|
|
713
695
|
display: none;
|
|
714
696
|
}
|
|
715
|
-
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group
|
|
716
|
-
.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 {
|
|
717
698
|
margin: 7px 10px;
|
|
718
699
|
}
|
|
719
700
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
|
|
@@ -737,24 +718,22 @@
|
|
|
737
718
|
-ms-flex-pack: start;
|
|
738
719
|
justify-content: flex-start;
|
|
739
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
|
+
}
|
|
740
726
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
|
|
741
727
|
padding: 6px 10px;
|
|
742
728
|
font-weight: 600;
|
|
743
729
|
line-height: 16px;
|
|
744
730
|
}
|
|
745
731
|
|
|
746
|
-
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
747
|
-
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
748
|
-
transform: rotate(-90deg);
|
|
749
|
-
padding: 10px;
|
|
750
|
-
margin: 0 0 0 auto;
|
|
751
|
-
}
|
|
752
|
-
|
|
753
732
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
754
733
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
755
734
|
transform: rotate(90deg);
|
|
756
|
-
|
|
757
|
-
margin:
|
|
735
|
+
margin-right: auto;
|
|
736
|
+
margin-left: unset;
|
|
758
737
|
}
|
|
759
738
|
|
|
760
739
|
.e-ribbon-menu {
|
|
@@ -774,17 +753,6 @@
|
|
|
774
753
|
padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
|
|
775
754
|
}
|
|
776
755
|
|
|
777
|
-
.e-ribbon-control.e-dropdown-popup ul .e-item {
|
|
778
|
-
font-size: 16px;
|
|
779
|
-
height: 36px;
|
|
780
|
-
-ms-flex-align: center;
|
|
781
|
-
align-items: center;
|
|
782
|
-
}
|
|
783
|
-
.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
784
|
-
font-size: 16px;
|
|
785
|
-
line-height: 16px;
|
|
786
|
-
}
|
|
787
|
-
|
|
788
756
|
.e-ribbon-tooltip .e-tip-content {
|
|
789
757
|
padding: 4px;
|
|
790
758
|
}
|
|
@@ -823,10 +791,6 @@
|
|
|
823
791
|
padding-right: 16px;
|
|
824
792
|
height: 50px;
|
|
825
793
|
}
|
|
826
|
-
.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
|
|
827
|
-
.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
|
|
828
|
-
min-height: auto;
|
|
829
|
-
}
|
|
830
794
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
|
|
831
795
|
.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
|
|
832
796
|
height: 50px;
|
|
@@ -853,7 +817,7 @@
|
|
|
853
817
|
}
|
|
854
818
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
|
|
855
819
|
.e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
|
|
856
|
-
width: calc(100% -
|
|
820
|
+
width: calc(100% - 24px);
|
|
857
821
|
}
|
|
858
822
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
|
|
859
823
|
.e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
|
|
@@ -863,7 +827,7 @@
|
|
|
863
827
|
}
|
|
864
828
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
|
|
865
829
|
.e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
|
|
866
|
-
width: calc(100% -
|
|
830
|
+
width: calc(100% - 24px - 40px);
|
|
867
831
|
}
|
|
868
832
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
|
|
869
833
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
|
|
@@ -918,12 +882,6 @@
|
|
|
918
882
|
.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
|
|
919
883
|
height: auto;
|
|
920
884
|
}
|
|
921
|
-
.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
|
|
922
|
-
.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
|
|
923
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
|
|
924
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
|
|
925
|
-
margin-bottom: 0;
|
|
926
|
-
}
|
|
927
885
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
928
886
|
.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
929
887
|
.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
@@ -1138,9 +1096,7 @@
|
|
|
1138
1096
|
}
|
|
1139
1097
|
|
|
1140
1098
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
|
|
1141
|
-
.e-bigger
|
|
1142
|
-
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
|
|
1143
|
-
.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 {
|
|
1144
1100
|
margin: 7px 10px;
|
|
1145
1101
|
}
|
|
1146
1102
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
|
|
@@ -1148,27 +1104,6 @@
|
|
|
1148
1104
|
margin: 10px;
|
|
1149
1105
|
padding: 0;
|
|
1150
1106
|
}
|
|
1151
|
-
.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,
|
|
1152
|
-
.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
|
|
1153
|
-
.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,
|
|
1154
|
-
.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
1155
|
-
padding: 10px;
|
|
1156
|
-
}
|
|
1157
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
1158
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
|
|
1159
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
1160
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
1161
|
-
padding: 10px;
|
|
1162
|
-
}
|
|
1163
|
-
|
|
1164
|
-
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
|
|
1165
|
-
font-size: 16px;
|
|
1166
|
-
height: 45px;
|
|
1167
|
-
}
|
|
1168
|
-
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1169
|
-
font-size: 20px;
|
|
1170
|
-
line-height: 20px;
|
|
1171
|
-
}
|
|
1172
1107
|
|
|
1173
1108
|
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
|
1174
1109
|
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
package/styles/material-dark.css
CHANGED
|
@@ -176,6 +176,9 @@
|
|
|
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
|
+
}
|
|
179
182
|
.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
|
|
180
183
|
position: absolute;
|
|
181
184
|
line-height: 22px;
|
|
@@ -184,7 +187,6 @@
|
|
|
184
187
|
border-width: 0 0 1px 0;
|
|
185
188
|
font-size: 14px;
|
|
186
189
|
font-weight: 400;
|
|
187
|
-
box-shadow: none;
|
|
188
190
|
}
|
|
189
191
|
.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
|
|
190
192
|
border-radius: unset;
|
|
@@ -260,9 +262,6 @@
|
|
|
260
262
|
height: auto;
|
|
261
263
|
min-height: auto;
|
|
262
264
|
}
|
|
263
|
-
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
264
|
-
box-shadow: none;
|
|
265
|
-
}
|
|
266
265
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
|
|
267
266
|
padding: 0;
|
|
268
267
|
}
|
|
@@ -272,10 +271,9 @@
|
|
|
272
271
|
min-width: auto;
|
|
273
272
|
width: auto;
|
|
274
273
|
border-style: solid;
|
|
275
|
-
transform: none;
|
|
276
274
|
border-width: 1px;
|
|
277
275
|
border-radius: unset;
|
|
278
|
-
z-index:
|
|
276
|
+
z-index: 2;
|
|
279
277
|
}
|
|
280
278
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
|
|
281
279
|
display: none;
|
|
@@ -283,7 +281,6 @@
|
|
|
283
281
|
.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
|
|
284
282
|
font-size: 16px;
|
|
285
283
|
height: auto;
|
|
286
|
-
transform: none;
|
|
287
284
|
line-height: 16px;
|
|
288
285
|
padding: 0 4px;
|
|
289
286
|
width: auto;
|
|
@@ -322,7 +319,6 @@
|
|
|
322
319
|
border: none;
|
|
323
320
|
height: 32px;
|
|
324
321
|
margin: auto;
|
|
325
|
-
box-shadow: none;
|
|
326
322
|
}
|
|
327
323
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
|
|
328
324
|
.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
|
|
@@ -353,9 +349,6 @@
|
|
|
353
349
|
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
|
|
354
350
|
overflow-y: hidden;
|
|
355
351
|
}
|
|
356
|
-
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
|
|
357
|
-
margin-bottom: 0;
|
|
358
|
-
}
|
|
359
352
|
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
|
|
360
353
|
padding-top: 2px;
|
|
361
354
|
height: auto;
|
|
@@ -405,9 +398,6 @@
|
|
|
405
398
|
.e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
|
|
406
399
|
left: var(--fileMenuWidth);
|
|
407
400
|
}
|
|
408
|
-
.e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
|
|
409
|
-
padding-right: 30px;
|
|
410
|
-
}
|
|
411
401
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
|
|
412
402
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
|
|
413
403
|
.e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
|
|
@@ -419,9 +409,6 @@
|
|
|
419
409
|
.e-ribbon.e-rbn.e-rtl .e-tab-header {
|
|
420
410
|
right: var(--fileMenuWidth);
|
|
421
411
|
}
|
|
422
|
-
.e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
|
|
423
|
-
padding-left: 30px;
|
|
424
|
-
}
|
|
425
412
|
|
|
426
413
|
.e-ribbon.e-rbn,
|
|
427
414
|
.e-ribbon-group-overflow-ddb {
|
|
@@ -462,8 +449,6 @@
|
|
|
462
449
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
|
|
463
450
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
|
|
464
451
|
min-width: auto;
|
|
465
|
-
min-height: auto;
|
|
466
|
-
border-radius: unset;
|
|
467
452
|
}
|
|
468
453
|
.e-ribbon.e-rbn .e-input-group .e-clear-icon,
|
|
469
454
|
.e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
|
|
@@ -547,7 +532,6 @@
|
|
|
547
532
|
font-weight: 400;
|
|
548
533
|
font-size: 12px;
|
|
549
534
|
text-transform: none;
|
|
550
|
-
box-shadow: none;
|
|
551
535
|
}
|
|
552
536
|
.e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
|
|
553
537
|
.e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
|
|
@@ -646,7 +630,6 @@
|
|
|
646
630
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
647
631
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
|
|
648
632
|
border: 1px solid transparent;
|
|
649
|
-
border-radius: unset;
|
|
650
633
|
}
|
|
651
634
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
652
635
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
@@ -656,7 +639,6 @@
|
|
|
656
639
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
|
|
657
640
|
border: 1px solid transparent;
|
|
658
641
|
border-radius: unset;
|
|
659
|
-
box-shadow: none;
|
|
660
642
|
}
|
|
661
643
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
|
|
662
644
|
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
|
|
@@ -766,8 +748,7 @@
|
|
|
766
748
|
.e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
|
|
767
749
|
display: none;
|
|
768
750
|
}
|
|
769
|
-
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group
|
|
770
|
-
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
|
|
751
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
|
|
771
752
|
margin: 7px 8px;
|
|
772
753
|
}
|
|
773
754
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
|
|
@@ -791,24 +772,22 @@
|
|
|
791
772
|
-ms-flex-pack: start;
|
|
792
773
|
justify-content: flex-start;
|
|
793
774
|
}
|
|
775
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
776
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
|
|
777
|
+
transform: rotate(-90deg);
|
|
778
|
+
margin-left: auto;
|
|
779
|
+
}
|
|
794
780
|
.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
|
|
795
781
|
padding: 7px 8px;
|
|
796
782
|
font-weight: 400;
|
|
797
783
|
line-height: 22px;
|
|
798
784
|
}
|
|
799
785
|
|
|
800
|
-
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
801
|
-
.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
802
|
-
transform: rotate(-90deg);
|
|
803
|
-
padding: 8px;
|
|
804
|
-
margin: 0 0 0 auto;
|
|
805
|
-
}
|
|
806
|
-
|
|
807
786
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
808
787
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
809
788
|
transform: rotate(90deg);
|
|
810
|
-
|
|
811
|
-
margin:
|
|
789
|
+
margin-right: auto;
|
|
790
|
+
margin-left: unset;
|
|
812
791
|
}
|
|
813
792
|
|
|
814
793
|
.e-ribbon-menu {
|
|
@@ -828,17 +807,6 @@
|
|
|
828
807
|
padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
|
|
829
808
|
}
|
|
830
809
|
|
|
831
|
-
.e-ribbon-control.e-dropdown-popup ul .e-item {
|
|
832
|
-
font-size: 14px;
|
|
833
|
-
height: 36px;
|
|
834
|
-
-ms-flex-align: center;
|
|
835
|
-
align-items: center;
|
|
836
|
-
}
|
|
837
|
-
.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
838
|
-
font-size: 16px;
|
|
839
|
-
line-height: 16px;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
810
|
.e-ribbon-tooltip .e-tip-content {
|
|
843
811
|
padding: 4px;
|
|
844
812
|
}
|
|
@@ -877,10 +845,6 @@
|
|
|
877
845
|
padding-right: 16px;
|
|
878
846
|
height: 56px;
|
|
879
847
|
}
|
|
880
|
-
.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
|
|
881
|
-
.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
|
|
882
|
-
min-height: auto;
|
|
883
|
-
}
|
|
884
848
|
.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
|
|
885
849
|
.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
|
|
886
850
|
height: 56px;
|
|
@@ -972,12 +936,6 @@
|
|
|
972
936
|
.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
|
|
973
937
|
height: auto;
|
|
974
938
|
}
|
|
975
|
-
.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
|
|
976
|
-
.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
|
|
977
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
|
|
978
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
|
|
979
|
-
margin-bottom: 0;
|
|
980
|
-
}
|
|
981
939
|
.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
982
940
|
.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
983
941
|
.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
|
|
@@ -1192,9 +1150,7 @@
|
|
|
1192
1150
|
}
|
|
1193
1151
|
|
|
1194
1152
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
|
|
1195
|
-
.e-bigger
|
|
1196
|
-
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
|
|
1197
|
-
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
|
|
1153
|
+
.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
|
|
1198
1154
|
margin: 7px 8px;
|
|
1199
1155
|
}
|
|
1200
1156
|
.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
|
|
@@ -1202,27 +1158,6 @@
|
|
|
1202
1158
|
margin: 8px;
|
|
1203
1159
|
padding: 0;
|
|
1204
1160
|
}
|
|
1205
|
-
.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,
|
|
1206
|
-
.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
|
|
1207
|
-
.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,
|
|
1208
|
-
.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
1209
|
-
padding: 8px;
|
|
1210
|
-
}
|
|
1211
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
1212
|
-
.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
|
|
1213
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
1214
|
-
.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
|
|
1215
|
-
padding: 8px;
|
|
1216
|
-
}
|
|
1217
|
-
|
|
1218
|
-
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
|
|
1219
|
-
font-size: 16px;
|
|
1220
|
-
height: 48px;
|
|
1221
|
-
}
|
|
1222
|
-
.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
|
|
1223
|
-
font-size: 20px;
|
|
1224
|
-
line-height: 20px;
|
|
1225
|
-
}
|
|
1226
1161
|
|
|
1227
1162
|
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|
|
1228
1163
|
.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
|