@syncfusion/ej2-ribbon 27.1.50 → 28.1.33
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/.gitleaksignore +5 -0
- package/README.md +2 -2
- package/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/index.d.ts +2 -2
- package/package.json +13 -13
- package/styles/bds-lite.css +2412 -0
- package/styles/bds-lite.scss +18 -0
- package/styles/bds.css +3038 -0
- package/styles/bds.scss +19 -0
- package/styles/bootstrap-dark-lite.css +50 -3
- package/styles/bootstrap-dark.css +51 -4
- package/styles/bootstrap-lite.css +50 -3
- package/styles/bootstrap.css +51 -4
- package/styles/bootstrap4-lite.css +50 -3
- package/styles/bootstrap4.css +50 -3
- package/styles/bootstrap5-dark-lite.css +51 -4
- package/styles/bootstrap5-dark.css +52 -5
- package/styles/bootstrap5-lite.css +51 -4
- package/styles/bootstrap5.3-lite.css +51 -4
- package/styles/bootstrap5.3.css +52 -5
- package/styles/bootstrap5.css +52 -5
- package/styles/fabric-dark-lite.css +51 -4
- package/styles/fabric-dark.css +52 -5
- package/styles/fabric-lite.css +51 -4
- package/styles/fabric.css +52 -5
- package/styles/fluent-dark-lite.css +50 -3
- package/styles/fluent-dark.css +50 -3
- package/styles/fluent-lite.css +50 -3
- package/styles/fluent.css +50 -3
- package/styles/fluent2-lite.css +55 -12
- package/styles/fluent2.css +57 -14
- package/styles/highcontrast-light-lite.css +51 -5
- package/styles/highcontrast-light.css +53 -7
- package/styles/highcontrast-lite.css +52 -6
- package/styles/highcontrast.css +54 -8
- package/styles/material-dark-lite.css +50 -3
- package/styles/material-dark.css +51 -4
- package/styles/material-lite.css +51 -4
- package/styles/material.css +52 -5
- package/styles/material3-dark-lite.css +52 -4
- package/styles/material3-dark.css +53 -5
- package/styles/material3-lite.css +52 -4
- package/styles/material3.css +53 -5
- package/styles/ribbon/_bds-definition.scss +2 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +3 -1
- package/styles/ribbon/_bootstrap-definition.scss +3 -1
- package/styles/ribbon/_bootstrap4-definition.scss +2 -0
- package/styles/ribbon/_bootstrap5-definition.scss +3 -1
- package/styles/ribbon/_bootstrap5.3-definition.scss +4 -2
- package/styles/ribbon/_fabric-dark-definition.scss +4 -2
- package/styles/ribbon/_fabric-definition.scss +4 -2
- package/styles/ribbon/_fluent-definition.scss +2 -0
- package/styles/ribbon/_fluent2-definition.scss +8 -6
- package/styles/ribbon/_fusionnew-definition.scss +2 -0
- package/styles/ribbon/_highcontrast-definition.scss +5 -3
- package/styles/ribbon/_highcontrast-light-definition.scss +5 -3
- package/styles/ribbon/_layout.scss +42 -8
- package/styles/ribbon/_material-dark-definition.scss +3 -1
- package/styles/ribbon/_material-definition.scss +4 -2
- package/styles/ribbon/_material3-definition.scss +4 -2
- package/styles/ribbon/_tailwind-definition.scss +2 -0
- package/styles/ribbon/_tailwind3-definition.scss +409 -0
- package/styles/ribbon/_theme.scss +16 -0
- package/styles/ribbon/bds.css +3038 -0
- package/styles/ribbon/bds.scss +19 -0
- package/styles/ribbon/bootstrap-dark.css +51 -4
- package/styles/ribbon/bootstrap.css +51 -4
- package/styles/ribbon/bootstrap4.css +50 -3
- package/styles/ribbon/bootstrap5-dark.css +52 -5
- package/styles/ribbon/bootstrap5.3.css +52 -5
- package/styles/ribbon/bootstrap5.css +52 -5
- package/styles/ribbon/fabric-dark.css +52 -5
- package/styles/ribbon/fabric.css +52 -5
- package/styles/ribbon/fluent-dark.css +50 -3
- package/styles/ribbon/fluent.css +50 -3
- package/styles/ribbon/fluent2.css +57 -14
- package/styles/ribbon/highcontrast-light.css +53 -7
- package/styles/ribbon/highcontrast.css +54 -8
- package/styles/ribbon/icons/_tailwind3.scss +9 -0
- package/styles/ribbon/material-dark.css +51 -4
- package/styles/ribbon/material.css +52 -5
- package/styles/ribbon/material3-dark.css +53 -5
- package/styles/ribbon/material3.css +53 -5
- package/styles/ribbon/tailwind-dark.css +50 -3
- package/styles/ribbon/tailwind.css +50 -3
- package/styles/ribbon/tailwind3.css +2888 -0
- package/styles/ribbon/tailwind3.scss +19 -0
- package/styles/tailwind-dark-lite.css +50 -3
- package/styles/tailwind-dark.css +50 -3
- package/styles/tailwind-lite.css +50 -3
- package/styles/tailwind.css +50 -3
- package/styles/tailwind3-lite.css +2262 -0
- package/styles/tailwind3-lite.scss +18 -0
- package/styles/tailwind3.css +2888 -0
- package/styles/tailwind3.scss +19 -0
|
@@ -48,6 +48,36 @@
|
|
|
48
48
|
display: block;
|
|
49
49
|
border-radius: unset;
|
|
50
50
|
}
|
|
51
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
52
|
+
min-width: 52px;
|
|
53
|
+
}
|
|
54
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
55
|
+
display: none;
|
|
56
|
+
}
|
|
57
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
58
|
+
min-width: 120px;
|
|
59
|
+
}
|
|
60
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
61
|
+
height: 20px;
|
|
62
|
+
}
|
|
63
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
64
|
+
border-radius: 4px;
|
|
65
|
+
}
|
|
66
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
67
|
+
display: -webkit-box;
|
|
68
|
+
display: -ms-flexbox;
|
|
69
|
+
display: flex;
|
|
70
|
+
-webkit-box-align: center;
|
|
71
|
+
-ms-flex-align: center;
|
|
72
|
+
align-items: center;
|
|
73
|
+
position: absolute;
|
|
74
|
+
gap: 30px;
|
|
75
|
+
width: 100%;
|
|
76
|
+
height: 100%;
|
|
77
|
+
z-index: 4;
|
|
78
|
+
padding: 10px;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
}
|
|
51
81
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
52
82
|
overflow: hidden;
|
|
53
83
|
}
|
|
@@ -310,6 +340,9 @@
|
|
|
310
340
|
-ms-flex-align: center;
|
|
311
341
|
align-items: center;
|
|
312
342
|
}
|
|
343
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
344
|
+
gap: 16px;
|
|
345
|
+
}
|
|
313
346
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
314
347
|
display: -webkit-inline-box;
|
|
315
348
|
display: -ms-inline-flexbox;
|
|
@@ -501,7 +534,7 @@
|
|
|
501
534
|
line-height: 22px;
|
|
502
535
|
height: auto;
|
|
503
536
|
min-height: auto;
|
|
504
|
-
padding: 5px 0 5px
|
|
537
|
+
padding: 5px 0 5px 8px;
|
|
505
538
|
}
|
|
506
539
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
507
540
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
|
|
@@ -804,12 +837,16 @@
|
|
|
804
837
|
pointer-events: none;
|
|
805
838
|
}
|
|
806
839
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
807
|
-
.e-ribbon-
|
|
840
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
841
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
842
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
808
843
|
border: 1px solid transparent;
|
|
809
844
|
border-radius: unset;
|
|
810
845
|
}
|
|
811
846
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
812
|
-
.e-ribbon-
|
|
847
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
848
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
849
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
813
850
|
padding: 0;
|
|
814
851
|
}
|
|
815
852
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1081,7 +1118,7 @@
|
|
|
1081
1118
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1082
1119
|
padding-right: 34px;
|
|
1083
1120
|
}
|
|
1084
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1121
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1085
1122
|
margin-right: 34px;
|
|
1086
1123
|
}
|
|
1087
1124
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1373,6 +1410,16 @@
|
|
|
1373
1410
|
border-radius: unset;
|
|
1374
1411
|
}
|
|
1375
1412
|
|
|
1413
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1414
|
+
background: #333232;
|
|
1415
|
+
}
|
|
1416
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1417
|
+
background-color: rgb(217, 217, 217);
|
|
1418
|
+
}
|
|
1419
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1420
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(29%, rgb(74, 72, 72)), color-stop(42%, rgba(255, 255, 255, 0)));
|
|
1421
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(74, 72, 72) 29%, rgba(255, 255, 255, 0) 42%);
|
|
1422
|
+
}
|
|
1376
1423
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1377
1424
|
border-color: unset;
|
|
1378
1425
|
background: #333232;
|
package/styles/fabric-dark.css
CHANGED
|
@@ -48,6 +48,36 @@
|
|
|
48
48
|
display: block;
|
|
49
49
|
border-radius: unset;
|
|
50
50
|
}
|
|
51
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
52
|
+
min-width: 52px;
|
|
53
|
+
}
|
|
54
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
55
|
+
display: none;
|
|
56
|
+
}
|
|
57
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
58
|
+
min-width: 120px;
|
|
59
|
+
}
|
|
60
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
61
|
+
height: 20px;
|
|
62
|
+
}
|
|
63
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
64
|
+
border-radius: 4px;
|
|
65
|
+
}
|
|
66
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
67
|
+
display: -webkit-box;
|
|
68
|
+
display: -ms-flexbox;
|
|
69
|
+
display: flex;
|
|
70
|
+
-webkit-box-align: center;
|
|
71
|
+
-ms-flex-align: center;
|
|
72
|
+
align-items: center;
|
|
73
|
+
position: absolute;
|
|
74
|
+
gap: 30px;
|
|
75
|
+
width: 100%;
|
|
76
|
+
height: 100%;
|
|
77
|
+
z-index: 4;
|
|
78
|
+
padding: 10px;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
}
|
|
51
81
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
52
82
|
overflow: hidden;
|
|
53
83
|
}
|
|
@@ -310,6 +340,9 @@
|
|
|
310
340
|
-ms-flex-align: center;
|
|
311
341
|
align-items: center;
|
|
312
342
|
}
|
|
343
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
344
|
+
gap: 16px;
|
|
345
|
+
}
|
|
313
346
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
314
347
|
display: -webkit-inline-box;
|
|
315
348
|
display: -ms-inline-flexbox;
|
|
@@ -501,7 +534,7 @@
|
|
|
501
534
|
line-height: 22px;
|
|
502
535
|
height: auto;
|
|
503
536
|
min-height: auto;
|
|
504
|
-
padding: 5px 0 5px
|
|
537
|
+
padding: 5px 0 5px 8px;
|
|
505
538
|
}
|
|
506
539
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
507
540
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
|
|
@@ -804,12 +837,16 @@
|
|
|
804
837
|
pointer-events: none;
|
|
805
838
|
}
|
|
806
839
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
807
|
-
.e-ribbon-
|
|
840
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
841
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
842
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
808
843
|
border: 1px solid transparent;
|
|
809
844
|
border-radius: unset;
|
|
810
845
|
}
|
|
811
846
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
812
|
-
.e-ribbon-
|
|
847
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
848
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
849
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
813
850
|
padding: 0;
|
|
814
851
|
}
|
|
815
852
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1081,7 +1118,7 @@
|
|
|
1081
1118
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1082
1119
|
padding-right: 34px;
|
|
1083
1120
|
}
|
|
1084
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1121
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1085
1122
|
margin-right: 34px;
|
|
1086
1123
|
}
|
|
1087
1124
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1373,6 +1410,16 @@
|
|
|
1373
1410
|
border-radius: unset;
|
|
1374
1411
|
}
|
|
1375
1412
|
|
|
1413
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1414
|
+
background: #333232;
|
|
1415
|
+
}
|
|
1416
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1417
|
+
background-color: rgb(217, 217, 217);
|
|
1418
|
+
}
|
|
1419
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1420
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(29%, rgb(74, 72, 72)), color-stop(42%, rgba(255, 255, 255, 0)));
|
|
1421
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(74, 72, 72) 29%, rgba(255, 255, 255, 0) 42%);
|
|
1422
|
+
}
|
|
1376
1423
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1377
1424
|
border-color: unset;
|
|
1378
1425
|
background: #333232;
|
|
@@ -2287,7 +2334,7 @@
|
|
|
2287
2334
|
.e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
|
|
2288
2335
|
font-size: 14px;
|
|
2289
2336
|
line-height: 22px;
|
|
2290
|
-
padding: 9px 0 9px
|
|
2337
|
+
padding: 9px 0 9px 8px;
|
|
2291
2338
|
height: auto;
|
|
2292
2339
|
}
|
|
2293
2340
|
.e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
package/styles/fabric-lite.css
CHANGED
|
@@ -49,6 +49,36 @@
|
|
|
49
49
|
display: block;
|
|
50
50
|
border-radius: unset;
|
|
51
51
|
}
|
|
52
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
53
|
+
min-width: 52px;
|
|
54
|
+
}
|
|
55
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
59
|
+
min-width: 120px;
|
|
60
|
+
}
|
|
61
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
62
|
+
height: 20px;
|
|
63
|
+
}
|
|
64
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
65
|
+
border-radius: 4px;
|
|
66
|
+
}
|
|
67
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
68
|
+
display: -webkit-box;
|
|
69
|
+
display: -ms-flexbox;
|
|
70
|
+
display: flex;
|
|
71
|
+
-webkit-box-align: center;
|
|
72
|
+
-ms-flex-align: center;
|
|
73
|
+
align-items: center;
|
|
74
|
+
position: absolute;
|
|
75
|
+
gap: 30px;
|
|
76
|
+
width: 100%;
|
|
77
|
+
height: 100%;
|
|
78
|
+
z-index: 4;
|
|
79
|
+
padding: 10px;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
}
|
|
52
82
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
53
83
|
overflow: hidden;
|
|
54
84
|
}
|
|
@@ -311,6 +341,9 @@
|
|
|
311
341
|
-ms-flex-align: center;
|
|
312
342
|
align-items: center;
|
|
313
343
|
}
|
|
344
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
345
|
+
gap: 16px;
|
|
346
|
+
}
|
|
314
347
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
315
348
|
display: -webkit-inline-box;
|
|
316
349
|
display: -ms-inline-flexbox;
|
|
@@ -502,7 +535,7 @@
|
|
|
502
535
|
line-height: 22px;
|
|
503
536
|
height: auto;
|
|
504
537
|
min-height: auto;
|
|
505
|
-
padding: 5px 0 5px
|
|
538
|
+
padding: 5px 0 5px 8px;
|
|
506
539
|
}
|
|
507
540
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
508
541
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
|
|
@@ -805,12 +838,16 @@
|
|
|
805
838
|
pointer-events: none;
|
|
806
839
|
}
|
|
807
840
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
808
|
-
.e-ribbon-
|
|
841
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
842
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
843
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
809
844
|
border: 1px solid transparent;
|
|
810
845
|
border-radius: unset;
|
|
811
846
|
}
|
|
812
847
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
813
|
-
.e-ribbon-
|
|
848
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
849
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
850
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
814
851
|
padding: 0;
|
|
815
852
|
}
|
|
816
853
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1082,7 +1119,7 @@
|
|
|
1082
1119
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1083
1120
|
padding-right: 34px;
|
|
1084
1121
|
}
|
|
1085
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1122
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1086
1123
|
margin-right: 34px;
|
|
1087
1124
|
}
|
|
1088
1125
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1374,6 +1411,16 @@
|
|
|
1374
1411
|
border-radius: unset;
|
|
1375
1412
|
}
|
|
1376
1413
|
|
|
1414
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1415
|
+
background: #fff;
|
|
1416
|
+
}
|
|
1417
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1418
|
+
background-color: rgb(217, 217, 217);
|
|
1419
|
+
}
|
|
1420
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1421
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(38%, rgb(200, 200, 200)), color-stop(60%, rgba(255, 255, 255, 0)));
|
|
1422
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(200, 200, 200) 38%, rgba(255, 255, 255, 0) 60%);
|
|
1423
|
+
}
|
|
1377
1424
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1378
1425
|
border-color: #dadada;
|
|
1379
1426
|
background: #fff;
|
package/styles/fabric.css
CHANGED
|
@@ -49,6 +49,36 @@
|
|
|
49
49
|
display: block;
|
|
50
50
|
border-radius: unset;
|
|
51
51
|
}
|
|
52
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
53
|
+
min-width: 52px;
|
|
54
|
+
}
|
|
55
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
59
|
+
min-width: 120px;
|
|
60
|
+
}
|
|
61
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
62
|
+
height: 20px;
|
|
63
|
+
}
|
|
64
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
65
|
+
border-radius: 4px;
|
|
66
|
+
}
|
|
67
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
68
|
+
display: -webkit-box;
|
|
69
|
+
display: -ms-flexbox;
|
|
70
|
+
display: flex;
|
|
71
|
+
-webkit-box-align: center;
|
|
72
|
+
-ms-flex-align: center;
|
|
73
|
+
align-items: center;
|
|
74
|
+
position: absolute;
|
|
75
|
+
gap: 30px;
|
|
76
|
+
width: 100%;
|
|
77
|
+
height: 100%;
|
|
78
|
+
z-index: 4;
|
|
79
|
+
padding: 10px;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
}
|
|
52
82
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
53
83
|
overflow: hidden;
|
|
54
84
|
}
|
|
@@ -311,6 +341,9 @@
|
|
|
311
341
|
-ms-flex-align: center;
|
|
312
342
|
align-items: center;
|
|
313
343
|
}
|
|
344
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
345
|
+
gap: 16px;
|
|
346
|
+
}
|
|
314
347
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
315
348
|
display: -webkit-inline-box;
|
|
316
349
|
display: -ms-inline-flexbox;
|
|
@@ -502,7 +535,7 @@
|
|
|
502
535
|
line-height: 22px;
|
|
503
536
|
height: auto;
|
|
504
537
|
min-height: auto;
|
|
505
|
-
padding: 5px 0 5px
|
|
538
|
+
padding: 5px 0 5px 8px;
|
|
506
539
|
}
|
|
507
540
|
.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
508
541
|
.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
|
|
@@ -805,12 +838,16 @@
|
|
|
805
838
|
pointer-events: none;
|
|
806
839
|
}
|
|
807
840
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
808
|
-
.e-ribbon-
|
|
841
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
842
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
843
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
809
844
|
border: 1px solid transparent;
|
|
810
845
|
border-radius: unset;
|
|
811
846
|
}
|
|
812
847
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
813
|
-
.e-ribbon-
|
|
848
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
849
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
850
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
814
851
|
padding: 0;
|
|
815
852
|
}
|
|
816
853
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1082,7 +1119,7 @@
|
|
|
1082
1119
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1083
1120
|
padding-right: 34px;
|
|
1084
1121
|
}
|
|
1085
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1122
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1086
1123
|
margin-right: 34px;
|
|
1087
1124
|
}
|
|
1088
1125
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1374,6 +1411,16 @@
|
|
|
1374
1411
|
border-radius: unset;
|
|
1375
1412
|
}
|
|
1376
1413
|
|
|
1414
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1415
|
+
background: #fff;
|
|
1416
|
+
}
|
|
1417
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1418
|
+
background-color: rgb(217, 217, 217);
|
|
1419
|
+
}
|
|
1420
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1421
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(38%, rgb(200, 200, 200)), color-stop(60%, rgba(255, 255, 255, 0)));
|
|
1422
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(200, 200, 200) 38%, rgba(255, 255, 255, 0) 60%);
|
|
1423
|
+
}
|
|
1377
1424
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1378
1425
|
border-color: #dadada;
|
|
1379
1426
|
background: #fff;
|
|
@@ -2288,7 +2335,7 @@
|
|
|
2288
2335
|
.e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
|
|
2289
2336
|
font-size: 14px;
|
|
2290
2337
|
line-height: 22px;
|
|
2291
|
-
padding: 9px 0 9px
|
|
2338
|
+
padding: 9px 0 9px 8px;
|
|
2292
2339
|
height: auto;
|
|
2293
2340
|
}
|
|
2294
2341
|
.e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
@@ -139,6 +139,36 @@
|
|
|
139
139
|
display: block;
|
|
140
140
|
border-radius: unset;
|
|
141
141
|
}
|
|
142
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
143
|
+
min-width: 52px;
|
|
144
|
+
}
|
|
145
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
146
|
+
display: none;
|
|
147
|
+
}
|
|
148
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
149
|
+
min-width: 120px;
|
|
150
|
+
}
|
|
151
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
152
|
+
height: 20px;
|
|
153
|
+
}
|
|
154
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
155
|
+
border-radius: 4px;
|
|
156
|
+
}
|
|
157
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
158
|
+
display: -webkit-box;
|
|
159
|
+
display: -ms-flexbox;
|
|
160
|
+
display: flex;
|
|
161
|
+
-webkit-box-align: center;
|
|
162
|
+
-ms-flex-align: center;
|
|
163
|
+
align-items: center;
|
|
164
|
+
position: absolute;
|
|
165
|
+
gap: 30px;
|
|
166
|
+
width: 100%;
|
|
167
|
+
height: 100%;
|
|
168
|
+
z-index: 4;
|
|
169
|
+
padding: 10px;
|
|
170
|
+
overflow: hidden;
|
|
171
|
+
}
|
|
142
172
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
143
173
|
overflow: hidden;
|
|
144
174
|
}
|
|
@@ -401,6 +431,9 @@
|
|
|
401
431
|
-ms-flex-align: center;
|
|
402
432
|
align-items: center;
|
|
403
433
|
}
|
|
434
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
435
|
+
gap: 16px;
|
|
436
|
+
}
|
|
404
437
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
405
438
|
display: -webkit-inline-box;
|
|
406
439
|
display: -ms-inline-flexbox;
|
|
@@ -895,12 +928,16 @@
|
|
|
895
928
|
pointer-events: none;
|
|
896
929
|
}
|
|
897
930
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
898
|
-
.e-ribbon-
|
|
931
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
932
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
933
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
899
934
|
border: 1px solid transparent;
|
|
900
935
|
border-radius: 2px;
|
|
901
936
|
}
|
|
902
937
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
903
|
-
.e-ribbon-
|
|
938
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
939
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
940
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
904
941
|
padding: 0;
|
|
905
942
|
}
|
|
906
943
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1172,7 +1209,7 @@
|
|
|
1172
1209
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1173
1210
|
padding-right: 34px;
|
|
1174
1211
|
}
|
|
1175
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1212
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1176
1213
|
margin-right: 34px;
|
|
1177
1214
|
}
|
|
1178
1215
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1464,6 +1501,16 @@
|
|
|
1464
1501
|
border-radius: 2px;
|
|
1465
1502
|
}
|
|
1466
1503
|
|
|
1504
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1505
|
+
background: #252423;
|
|
1506
|
+
}
|
|
1507
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1508
|
+
background-color: rgb(217, 217, 217);
|
|
1509
|
+
}
|
|
1510
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1511
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(46%, #1b1a19), color-stop(57%, rgba(255, 255, 255, 0)));
|
|
1512
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, #1b1a19 46%, rgba(255, 255, 255, 0) 57%);
|
|
1513
|
+
}
|
|
1467
1514
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1468
1515
|
border-color: unset;
|
|
1469
1516
|
background: #252423;
|
package/styles/fluent-dark.css
CHANGED
|
@@ -139,6 +139,36 @@
|
|
|
139
139
|
display: block;
|
|
140
140
|
border-radius: unset;
|
|
141
141
|
}
|
|
142
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container {
|
|
143
|
+
min-width: 52px;
|
|
144
|
+
}
|
|
145
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-ribbon-skeleton-hidden {
|
|
146
|
+
display: none;
|
|
147
|
+
}
|
|
148
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified {
|
|
149
|
+
min-width: 120px;
|
|
150
|
+
}
|
|
151
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton-container.e-simplified .e-ribbon-skeleton {
|
|
152
|
+
height: 20px;
|
|
153
|
+
}
|
|
154
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
|
|
155
|
+
border-radius: 4px;
|
|
156
|
+
}
|
|
157
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
158
|
+
display: -webkit-box;
|
|
159
|
+
display: -ms-flexbox;
|
|
160
|
+
display: flex;
|
|
161
|
+
-webkit-box-align: center;
|
|
162
|
+
-ms-flex-align: center;
|
|
163
|
+
align-items: center;
|
|
164
|
+
position: absolute;
|
|
165
|
+
gap: 30px;
|
|
166
|
+
width: 100%;
|
|
167
|
+
height: 100%;
|
|
168
|
+
z-index: 4;
|
|
169
|
+
padding: 10px;
|
|
170
|
+
overflow: hidden;
|
|
171
|
+
}
|
|
142
172
|
.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-content > .e-item.e-active {
|
|
143
173
|
overflow: hidden;
|
|
144
174
|
}
|
|
@@ -401,6 +431,9 @@
|
|
|
401
431
|
-ms-flex-align: center;
|
|
402
432
|
align-items: center;
|
|
403
433
|
}
|
|
434
|
+
.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-overlay {
|
|
435
|
+
gap: 16px;
|
|
436
|
+
}
|
|
404
437
|
.e-ribbon.e-rbn .e-ribbon-tab-item {
|
|
405
438
|
display: -webkit-inline-box;
|
|
406
439
|
display: -ms-inline-flexbox;
|
|
@@ -895,12 +928,16 @@
|
|
|
895
928
|
pointer-events: none;
|
|
896
929
|
}
|
|
897
930
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
|
|
898
|
-
.e-ribbon-
|
|
931
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
|
|
932
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
|
|
933
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
|
|
899
934
|
border: 1px solid transparent;
|
|
900
935
|
border-radius: 2px;
|
|
901
936
|
}
|
|
902
937
|
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
903
|
-
.e-ribbon-
|
|
938
|
+
.e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
939
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
|
|
940
|
+
.e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
|
|
904
941
|
padding: 0;
|
|
905
942
|
}
|
|
906
943
|
.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
|
|
@@ -1172,7 +1209,7 @@
|
|
|
1172
1209
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
|
|
1173
1210
|
padding-right: 34px;
|
|
1174
1211
|
}
|
|
1175
|
-
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1212
|
+
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
|
|
1176
1213
|
margin-right: 34px;
|
|
1177
1214
|
}
|
|
1178
1215
|
.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
|
|
@@ -1464,6 +1501,16 @@
|
|
|
1464
1501
|
border-radius: 2px;
|
|
1465
1502
|
}
|
|
1466
1503
|
|
|
1504
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
|
|
1505
|
+
background: #252423;
|
|
1506
|
+
}
|
|
1507
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
|
|
1508
|
+
background-color: rgb(217, 217, 217);
|
|
1509
|
+
}
|
|
1510
|
+
.e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
|
|
1511
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(46%, #1b1a19), color-stop(57%, rgba(255, 255, 255, 0)));
|
|
1512
|
+
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, #1b1a19 46%, rgba(255, 255, 255, 0) 57%);
|
|
1513
|
+
}
|
|
1467
1514
|
.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
|
|
1468
1515
|
border-color: unset;
|
|
1469
1516
|
background: #252423;
|