@syncfusion/ej2-react-spreadsheet 25.2.6 → 26.1.35

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 (64) hide show
  1. package/dist/ej2-react-spreadsheet.min.js +2 -2
  2. package/dist/ej2-react-spreadsheet.umd.min.js +2 -2
  3. package/dist/ej2-react-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-spreadsheet.es2015.js +5 -5
  5. package/dist/es6/ej2-react-spreadsheet.es2015.js.map +1 -1
  6. package/package.json +9 -9
  7. package/styles/bootstrap-dark.css +4171 -1
  8. package/styles/bootstrap.css +4234 -1
  9. package/styles/bootstrap4.css +4283 -1
  10. package/styles/bootstrap5-dark.css +4296 -1
  11. package/styles/bootstrap5.css +4296 -1
  12. package/styles/fabric-dark.css +4148 -1
  13. package/styles/fabric.css +4168 -1
  14. package/styles/fluent-dark.css +4262 -1
  15. package/styles/fluent.css +4262 -1
  16. package/styles/fluent2.css +6649 -0
  17. package/styles/fluent2.scss +2 -0
  18. package/styles/highcontrast-light.css +3560 -1
  19. package/styles/highcontrast.css +4177 -1
  20. package/styles/material-dark.css +4260 -1
  21. package/styles/material.css +4290 -1
  22. package/styles/material3-dark.css +4737 -1
  23. package/styles/material3.css +4961 -1
  24. package/styles/spreadsheet/bootstrap-dark.css +3984 -1
  25. package/styles/spreadsheet/bootstrap.css +4017 -1
  26. package/styles/spreadsheet/bootstrap4.css +4107 -1
  27. package/styles/spreadsheet/bootstrap5-dark.css +4077 -1
  28. package/styles/spreadsheet/bootstrap5.css +4077 -1
  29. package/styles/spreadsheet/fabric-dark.css +3963 -1
  30. package/styles/spreadsheet/fabric.css +3972 -1
  31. package/styles/spreadsheet/fluent-dark.css +4067 -1
  32. package/styles/spreadsheet/fluent.css +4067 -1
  33. package/styles/spreadsheet/fluent2.css +5399 -0
  34. package/styles/spreadsheet/fluent2.scss +1 -0
  35. package/styles/spreadsheet/highcontrast-light.css +3378 -1
  36. package/styles/spreadsheet/highcontrast.css +3977 -1
  37. package/styles/spreadsheet/material-dark.css +4073 -1
  38. package/styles/spreadsheet/material.css +4091 -1
  39. package/styles/spreadsheet/material3-dark.css +4475 -1
  40. package/styles/spreadsheet/material3.css +4587 -1
  41. package/styles/spreadsheet/tailwind-dark.css +4307 -1
  42. package/styles/spreadsheet/tailwind.css +4070 -1
  43. package/styles/spreadsheet-ribbon/bootstrap-dark.css +186 -1
  44. package/styles/spreadsheet-ribbon/bootstrap.css +216 -1
  45. package/styles/spreadsheet-ribbon/bootstrap4.css +175 -1
  46. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +218 -1
  47. package/styles/spreadsheet-ribbon/bootstrap5.css +218 -1
  48. package/styles/spreadsheet-ribbon/fabric-dark.css +184 -1
  49. package/styles/spreadsheet-ribbon/fabric.css +195 -1
  50. package/styles/spreadsheet-ribbon/fluent-dark.css +194 -1
  51. package/styles/spreadsheet-ribbon/fluent.css +194 -1
  52. package/styles/spreadsheet-ribbon/fluent2.css +1249 -0
  53. package/styles/spreadsheet-ribbon/fluent2.scss +1 -0
  54. package/styles/spreadsheet-ribbon/highcontrast-light.css +181 -1
  55. package/styles/spreadsheet-ribbon/highcontrast.css +199 -1
  56. package/styles/spreadsheet-ribbon/material-dark.css +186 -1
  57. package/styles/spreadsheet-ribbon/material.css +198 -1
  58. package/styles/spreadsheet-ribbon/material3-dark.css +261 -1
  59. package/styles/spreadsheet-ribbon/material3.css +373 -1
  60. package/styles/spreadsheet-ribbon/tailwind-dark.css +199 -1
  61. package/styles/spreadsheet-ribbon/tailwind.css +199 -1
  62. package/styles/tailwind-dark.css +4507 -1
  63. package/styles/tailwind.css +4270 -1
  64. package/CHANGELOG.md +0 -1447
package/styles/spreadsheet-ribbon/fluent2.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent2.scss';
package/styles/spreadsheet-ribbon/highcontrast-light.css CHANGED
@@ -1 +1,181 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast-light.css';
1
+ .e-spreadsheet .e-ribbon {
2
+ border: 1px solid transparent;
3
+ position: relative;
4
+ }
5
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
6
+ border-left-width: 0;
7
+ border-right-width: 0;
8
+ }
9
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
10
+ height: 35px;
11
+ min-height: 35px;
12
+ }
13
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
14
+ height: 35px;
15
+ min-height: 35px;
16
+ }
17
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
18
+ height: 35px;
19
+ }
20
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
21
+ height: 35px;
22
+ }
23
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
24
+ height: 35px;
25
+ min-height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
28
+ height: 35px;
29
+ min-height: 35px;
30
+ }
31
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
32
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
33
+ width: calc(100% - 28px);
34
+ }
35
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
36
+ padding: 0;
37
+ }
38
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
39
+ vertical-align: top;
40
+ }
41
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
42
+ z-index: 1;
43
+ }
44
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
45
+ display: none;
46
+ }
47
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
48
+ -webkit-user-select: none;
49
+ -moz-user-select: none;
50
+ -ms-user-select: none;
51
+ user-select: none;
52
+ }
53
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
54
+ text-transform: none;
55
+ }
56
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
57
+ white-space: pre;
58
+ }
59
+ .e-spreadsheet .e-ribbon .e-drop-icon {
60
+ cursor: pointer;
61
+ font-family: "e-icons";
62
+ margin: 12.5px 4px;
63
+ position: absolute;
64
+ right: 0;
65
+ text-align: center;
66
+ top: 0;
67
+ -webkit-transform: rotate(180deg);
68
+ transform: rotate(180deg);
69
+ -webkit-transition: -webkit-transform 300ms ease;
70
+ transition: -webkit-transform 300ms ease;
71
+ transition: transform 300ms ease;
72
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
73
+ width: 18px;
74
+ font-size: 10px;
75
+ }
76
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
77
+ cursor: default;
78
+ pointer-events: none;
79
+ }
80
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
81
+ font-weight: bold;
82
+ }
83
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
84
+ display: none;
85
+ }
86
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
87
+ -webkit-transform: rotate(0deg);
88
+ transform: rotate(0deg);
89
+ }
90
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
91
+ display: inline-block;
92
+ }
93
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
94
+ opacity: 1;
95
+ }
96
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
97
+ border-width: 0;
98
+ }
99
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
100
+ padding: 0;
101
+ }
102
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
103
+ height: 35px;
104
+ line-height: 35px;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
107
+ line-height: 35px;
108
+ }
109
+
110
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
111
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
112
+ padding: 0;
113
+ }
114
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
115
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
116
+ height: 41px;
117
+ line-height: 41px;
118
+ }
119
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
120
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
121
+ line-height: 41px;
122
+ }
123
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
124
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
125
+ font-size: 12px;
126
+ margin: 14.5px 5px;
127
+ }
128
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
129
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
130
+ height: 41px;
131
+ min-height: 41px;
132
+ }
133
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
134
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
135
+ height: 41px;
136
+ min-height: 41px;
137
+ }
138
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
139
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
140
+ height: 41px;
141
+ }
142
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
143
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
144
+ height: 41px;
145
+ }
146
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
147
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
148
+ height: 41px;
149
+ min-height: 41px;
150
+ }
151
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
152
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
153
+ height: 41px;
154
+ min-height: 41px;
155
+ }
156
+
157
+ .e-spreadsheet .e-ribbon {
158
+ background-color: transparent;
159
+ }
160
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
161
+ background-color: inherit;
162
+ }
163
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
164
+ background: initial;
165
+ border-color: #000;
166
+ border-style: solid;
167
+ }
168
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #000;
171
+ }
172
+ .e-spreadsheet .e-ribbon .e-drop-icon {
173
+ color: initial;
174
+ }
175
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
176
+ border-bottom-color: transparent;
177
+ border-top-color: transparent;
178
+ }
179
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
180
+ background-color: transparent;
181
+ }
package/styles/spreadsheet-ribbon/highcontrast.css CHANGED
@@ -1 +1,199 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast.css';
1
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
+ content: "\e966";
3
+ }
4
+
5
+ .e-spreadsheet .e-ribbon {
6
+ border: 1px solid #fff;
7
+ position: relative;
8
+ }
9
+ .e-spreadsheet .e-ribbon .e-tab {
10
+ border-width: 0;
11
+ }
12
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
13
+ border-left-width: 0;
14
+ border-right-width: 0;
15
+ }
16
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
17
+ height: 35px;
18
+ min-height: 35px;
19
+ }
20
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
21
+ height: 35px;
22
+ min-height: 35px;
23
+ }
24
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
25
+ height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-text-wrap, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
28
+ height: 33px;
29
+ }
30
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
31
+ height: 35px;
32
+ min-height: 35px;
33
+ }
34
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
35
+ height: 35px;
36
+ min-height: 35px;
37
+ }
38
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
39
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
40
+ width: calc(100% - 28px);
41
+ }
42
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
43
+ padding: 0;
44
+ }
45
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
46
+ vertical-align: top;
47
+ }
48
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
49
+ z-index: 1;
50
+ }
51
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
52
+ display: none;
53
+ }
54
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
55
+ -webkit-user-select: none;
56
+ -moz-user-select: none;
57
+ -ms-user-select: none;
58
+ user-select: none;
59
+ }
60
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
61
+ text-transform: none;
62
+ }
63
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
64
+ white-space: pre;
65
+ }
66
+ .e-spreadsheet .e-ribbon .e-drop-icon {
67
+ cursor: pointer;
68
+ font-family: "e-icons";
69
+ margin: 12.5px 4px;
70
+ position: absolute;
71
+ right: 0;
72
+ text-align: center;
73
+ top: 0;
74
+ -webkit-transform: rotate(180deg);
75
+ transform: rotate(180deg);
76
+ -webkit-transition: -webkit-transform 300ms ease;
77
+ transition: -webkit-transform 300ms ease;
78
+ transition: transform 300ms ease;
79
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
80
+ width: 18px;
81
+ font-size: 10px;
82
+ }
83
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
84
+ cursor: default;
85
+ pointer-events: none;
86
+ }
87
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
88
+ font-weight: bold;
89
+ }
90
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
91
+ display: none;
92
+ }
93
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
94
+ -webkit-transform: rotate(0deg);
95
+ transform: rotate(0deg);
96
+ }
97
+ .e-spreadsheet .e-ribbon .e-tab-header .e-menu-wrapper.e-file-menu ul.e-menu {
98
+ font-size: 14px;
99
+ }
100
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar {
101
+ border-color: transparent;
102
+ }
103
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
104
+ display: inline-block;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
107
+ opacity: 0.5;
108
+ }
109
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
110
+ opacity: 1;
111
+ }
112
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
113
+ border-width: 0;
114
+ }
115
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
116
+ padding: 0;
117
+ }
118
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
119
+ height: 35px;
120
+ line-height: 35px;
121
+ }
122
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
123
+ line-height: 35px;
124
+ }
125
+
126
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
127
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
128
+ padding: 0;
129
+ font-size: 15px;
130
+ }
131
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
132
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
133
+ height: 41px;
134
+ line-height: 41px;
135
+ }
136
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
137
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
138
+ line-height: 41px;
139
+ }
140
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
141
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
142
+ font-size: 12px;
143
+ margin: 14.5px 5px;
144
+ }
145
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
146
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
147
+ height: 41px;
148
+ min-height: 41px;
149
+ }
150
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
151
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
152
+ height: 41px;
153
+ min-height: 41px;
154
+ }
155
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
156
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
157
+ height: 41px;
158
+ }
159
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-text-wrap, .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
160
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-text-wrap,
161
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
162
+ height: 39px;
163
+ }
164
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
165
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
166
+ height: 41px;
167
+ min-height: 41px;
168
+ }
169
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
170
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
171
+ height: 41px;
172
+ min-height: 41px;
173
+ }
174
+
175
+ .e-spreadsheet .e-ribbon {
176
+ background-color: #000;
177
+ }
178
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
179
+ background-color: inherit;
180
+ }
181
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
182
+ background: initial;
183
+ border-color: #fff;
184
+ border-style: solid;
185
+ }
186
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
187
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
188
+ color: #fff;
189
+ }
190
+ .e-spreadsheet .e-ribbon .e-drop-icon {
191
+ color: #fff;
192
+ }
193
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
194
+ border-bottom-color: transparent;
195
+ border-top-color: transparent;
196
+ }
197
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
198
+ background-color: transparent;
199
+ }
package/styles/spreadsheet-ribbon/material-dark.css CHANGED
@@ -1 +1,186 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/material-dark.css';
1
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
+ content: "\e94d";
3
+ }
4
+ .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
+ content: "\e969";
6
+ }
7
+
8
+ .e-spreadsheet .e-ribbon {
9
+ border: 1px solid #616161;
10
+ position: relative;
11
+ }
12
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
13
+ border-left-width: 0;
14
+ border-right-width: 0;
15
+ }
16
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
17
+ height: 35px;
18
+ min-height: 35px;
19
+ }
20
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
21
+ height: 35px;
22
+ min-height: 35px;
23
+ }
24
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
25
+ height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
28
+ height: 35px;
29
+ }
30
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
31
+ height: 35px;
32
+ min-height: 35px;
33
+ }
34
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
35
+ height: 35px;
36
+ min-height: 35px;
37
+ }
38
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
39
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
40
+ width: calc(100% - 28px);
41
+ }
42
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
43
+ padding: 0;
44
+ }
45
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
46
+ vertical-align: top;
47
+ }
48
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
49
+ z-index: 1;
50
+ }
51
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
52
+ display: none;
53
+ }
54
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
55
+ -webkit-user-select: none;
56
+ -moz-user-select: none;
57
+ -ms-user-select: none;
58
+ user-select: none;
59
+ }
60
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
61
+ text-transform: none;
62
+ }
63
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
64
+ white-space: pre;
65
+ }
66
+ .e-spreadsheet .e-ribbon .e-drop-icon {
67
+ cursor: pointer;
68
+ font-family: "e-icons";
69
+ margin: 12.5px 4px;
70
+ position: absolute;
71
+ right: 0;
72
+ text-align: center;
73
+ top: 0;
74
+ -webkit-transform: rotate(180deg);
75
+ transform: rotate(180deg);
76
+ -webkit-transition: -webkit-transform 300ms ease;
77
+ transition: -webkit-transform 300ms ease;
78
+ transition: transform 300ms ease;
79
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
80
+ width: 18px;
81
+ font-size: 10px;
82
+ }
83
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
84
+ cursor: default;
85
+ pointer-events: none;
86
+ }
87
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
88
+ font-weight: bold;
89
+ }
90
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
91
+ display: none;
92
+ }
93
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
94
+ -webkit-transform: rotate(0deg);
95
+ transform: rotate(0deg);
96
+ }
97
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
98
+ display: inline-block;
99
+ }
100
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
101
+ opacity: 1;
102
+ }
103
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
104
+ border-width: 0;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
107
+ padding: 0;
108
+ }
109
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
110
+ height: 35px;
111
+ line-height: 35px;
112
+ }
113
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
114
+ line-height: 35px;
115
+ }
116
+
117
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
118
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
119
+ padding: 0;
120
+ }
121
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
122
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
123
+ height: 41px;
124
+ line-height: 41px;
125
+ }
126
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
127
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
128
+ line-height: 41px;
129
+ }
130
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
131
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
132
+ font-size: 12px;
133
+ margin: 14.5px 5px;
134
+ }
135
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
136
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
137
+ height: 41px;
138
+ min-height: 41px;
139
+ }
140
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
141
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
142
+ height: 41px;
143
+ min-height: 41px;
144
+ }
145
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
146
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
147
+ height: 41px;
148
+ }
149
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
150
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
151
+ height: 41px;
152
+ }
153
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
154
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
155
+ height: 41px;
156
+ min-height: 41px;
157
+ }
158
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
159
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
160
+ height: 41px;
161
+ min-height: 41px;
162
+ }
163
+
164
+ .e-spreadsheet .e-ribbon {
165
+ background-color: #212121;
166
+ }
167
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
168
+ background-color: inherit;
169
+ }
170
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
171
+ background: rgba(0, 176, 255, 0.12);
172
+ }
173
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
174
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
175
+ color: #00b0ff;
176
+ }
177
+ .e-spreadsheet .e-ribbon .e-drop-icon {
178
+ color: #fff;
179
+ }
180
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
181
+ border-bottom-color: transparent;
182
+ border-top-color: transparent;
183
+ }
184
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
185
+ background-color: transparent;
186
+ }