@syncfusion/ej2-vue-spreadsheet 23.2.7 → 24.1.41

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 (55) hide show
  1. package/CHANGELOG.md +5 -41
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -4114
  6. package/styles/bootstrap.css +1 -4174
  7. package/styles/bootstrap4.css +1 -4220
  8. package/styles/bootstrap5-dark.css +1 -4254
  9. package/styles/bootstrap5.css +1 -4254
  10. package/styles/fabric-dark.css +1 -4092
  11. package/styles/fabric.css +1 -4109
  12. package/styles/fluent-dark.css +1 -4215
  13. package/styles/fluent.css +1 -4215
  14. package/styles/highcontrast-light.css +1 -3496
  15. package/styles/highcontrast.css +1 -4126
  16. package/styles/material-dark.css +1 -4156
  17. package/styles/material.css +1 -4184
  18. package/styles/material3-dark.css +1 -4602
  19. package/styles/material3.css +1 -4714
  20. package/styles/spreadsheet/bootstrap-dark.css +1 -3933
  21. package/styles/spreadsheet/bootstrap.css +1 -3963
  22. package/styles/spreadsheet/bootstrap4.css +1 -4050
  23. package/styles/spreadsheet/bootstrap5-dark.css +1 -4035
  24. package/styles/spreadsheet/bootstrap5.css +1 -4035
  25. package/styles/spreadsheet/fabric-dark.css +1 -3913
  26. package/styles/spreadsheet/fabric.css +1 -3919
  27. package/styles/spreadsheet/fluent-dark.css +1 -4024
  28. package/styles/spreadsheet/fluent.css +1 -4024
  29. package/styles/spreadsheet/highcontrast-light.css +1 -3320
  30. package/styles/spreadsheet/highcontrast.css +1 -3932
  31. package/styles/spreadsheet/material-dark.css +1 -3975
  32. package/styles/spreadsheet/material.css +1 -3991
  33. package/styles/spreadsheet/material3-dark.css +1 -4403
  34. package/styles/spreadsheet/material3.css +1 -4459
  35. package/styles/spreadsheet/tailwind-dark.css +1 -4233
  36. package/styles/spreadsheet/tailwind.css +1 -3996
  37. package/styles/spreadsheet-ribbon/bootstrap-dark.css +1 -180
  38. package/styles/spreadsheet-ribbon/bootstrap.css +1 -210
  39. package/styles/spreadsheet-ribbon/bootstrap4.css +1 -169
  40. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +1 -218
  41. package/styles/spreadsheet-ribbon/bootstrap5.css +1 -218
  42. package/styles/spreadsheet-ribbon/fabric-dark.css +1 -178
  43. package/styles/spreadsheet-ribbon/fabric.css +1 -189
  44. package/styles/spreadsheet-ribbon/fluent-dark.css +1 -190
  45. package/styles/spreadsheet-ribbon/fluent.css +1 -190
  46. package/styles/spreadsheet-ribbon/highcontrast-light.css +1 -175
  47. package/styles/spreadsheet-ribbon/highcontrast.css +1 -193
  48. package/styles/spreadsheet-ribbon/material-dark.css +1 -180
  49. package/styles/spreadsheet-ribbon/material.css +1 -192
  50. package/styles/spreadsheet-ribbon/material3-dark.css +1 -198
  51. package/styles/spreadsheet-ribbon/material3.css +1 -254
  52. package/styles/spreadsheet-ribbon/tailwind-dark.css +1 -193
  53. package/styles/spreadsheet-ribbon/tailwind.css +1 -193
  54. package/styles/tailwind-dark.css +1 -4427
  55. package/styles/tailwind.css +1 -4190
package/styles/spreadsheet-ribbon/bootstrap5-dark.css CHANGED
@@ -1,218 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e729";
3
- }
4
- .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
- content: "\e729";
6
- }
7
-
8
- .e-spreadsheet .e-ribbon {
9
- border: 1px solid #444c54;
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-content .e-toolbar .e-toolbar-items {
55
- height: 38px;
56
- }
57
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
58
- -webkit-user-select: none;
59
- -ms-user-select: none;
60
- user-select: none;
61
- }
62
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
63
- text-transform: none;
64
- }
65
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
66
- white-space: pre;
67
- }
68
- .e-spreadsheet .e-ribbon .e-drop-icon {
69
- cursor: pointer;
70
- font-family: "e-icons";
71
- margin: 8px 4px;
72
- position: absolute;
73
- right: 0;
74
- text-align: center;
75
- top: 0;
76
- transform: rotate(180deg);
77
- transition: transform 300ms ease;
78
- width: 18px;
79
- font-size: 10px;
80
- }
81
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
82
- cursor: default;
83
- pointer-events: none;
84
- }
85
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
86
- font-weight: bold;
87
- }
88
- .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 {
89
- display: none;
90
- }
91
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
92
- transform: rotate(0deg);
93
- }
94
- .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
95
- display: inline-block;
96
- }
97
- .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
98
- opacity: 1;
99
- }
100
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
101
- border-width: 0;
102
- }
103
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
104
- padding: 0;
105
- }
106
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
107
- height: 35px;
108
- line-height: 35px;
109
- }
110
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
111
- line-height: 35px;
112
- }
113
-
114
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
115
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
116
- padding: 0;
117
- }
118
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
119
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
120
- height: 41px;
121
- line-height: 41px;
122
- }
123
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
124
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
125
- line-height: 41px;
126
- }
127
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
128
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
129
- height: 46px;
130
- }
131
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
132
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
133
- font-size: 12px;
134
- margin: 16px 5px;
135
- }
136
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
137
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
138
- height: 41px;
139
- min-height: 41px;
140
- }
141
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
142
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
143
- height: 41px;
144
- min-height: 41px;
145
- }
146
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
147
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
148
- height: 41px;
149
- }
150
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
151
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
152
- height: 41px;
153
- }
154
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
155
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
156
- height: 41px;
157
- min-height: 41px;
158
- }
159
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
160
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
161
- height: 41px;
162
- min-height: 41px;
163
- }
164
-
165
- .e-spreadsheet .e-ribbon {
166
- background-color: #282d31;
167
- }
168
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
169
- background-color: inherit;
170
- }
171
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
172
- background: rgba(52, 58, 64, 0.12);
173
- border: 1px solid #adb5bd;
174
- }
175
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
176
- color: #adb5bd;
177
- }
178
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
179
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
180
- color: #0a58ca;
181
- }
182
- .e-spreadsheet .e-ribbon .e-drop-icon {
183
- color: #adb5bd;
184
- }
185
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
186
- border-bottom-color: transparent;
187
- border-top-color: transparent;
188
- }
189
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
190
- background: #212529;
191
- }
192
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
193
- background: #212529;
194
- }
195
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
196
- background: transparent;
197
- }
198
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
199
- background-color: transparent;
200
- }
201
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
202
- border: 1px solid transparent;
203
- }
204
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible {
205
- border: 1px solid #adb5bd;
206
- }
207
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
208
- border: 1px solid #adb5bd;
209
- }
210
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
211
- border: 1px solid transparent;
212
- }
213
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
214
- border: 1px solid transparent;
215
- }
216
- .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
217
- border: 1px solid transparent;
218
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5-dark.css';
package/styles/spreadsheet-ribbon/bootstrap5.css CHANGED
@@ -1,218 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e729";
3
- }
4
- .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
- content: "\e729";
6
- }
7
-
8
- .e-spreadsheet .e-ribbon {
9
- border: 1px solid #dee2e6;
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-content .e-toolbar .e-toolbar-items {
55
- height: 38px;
56
- }
57
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
58
- -webkit-user-select: none;
59
- -ms-user-select: none;
60
- user-select: none;
61
- }
62
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
63
- text-transform: none;
64
- }
65
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
66
- white-space: pre;
67
- }
68
- .e-spreadsheet .e-ribbon .e-drop-icon {
69
- cursor: pointer;
70
- font-family: "e-icons";
71
- margin: 8px 4px;
72
- position: absolute;
73
- right: 0;
74
- text-align: center;
75
- top: 0;
76
- transform: rotate(180deg);
77
- transition: transform 300ms ease;
78
- width: 18px;
79
- font-size: 10px;
80
- }
81
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
82
- cursor: default;
83
- pointer-events: none;
84
- }
85
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
86
- font-weight: bold;
87
- }
88
- .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 {
89
- display: none;
90
- }
91
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
92
- transform: rotate(0deg);
93
- }
94
- .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
95
- display: inline-block;
96
- }
97
- .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
98
- opacity: 1;
99
- }
100
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
101
- border-width: 0;
102
- }
103
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
104
- padding: 0;
105
- }
106
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
107
- height: 35px;
108
- line-height: 35px;
109
- }
110
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
111
- line-height: 35px;
112
- }
113
-
114
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
115
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
116
- padding: 0;
117
- }
118
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
119
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
120
- height: 41px;
121
- line-height: 41px;
122
- }
123
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
124
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
125
- line-height: 41px;
126
- }
127
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
128
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
129
- height: 46px;
130
- }
131
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
132
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
133
- font-size: 12px;
134
- margin: 16px 5px;
135
- }
136
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
137
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
138
- height: 41px;
139
- min-height: 41px;
140
- }
141
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
142
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
143
- height: 41px;
144
- min-height: 41px;
145
- }
146
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
147
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
148
- height: 41px;
149
- }
150
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
151
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
152
- height: 41px;
153
- }
154
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
155
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
156
- height: 41px;
157
- min-height: 41px;
158
- }
159
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
160
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
161
- height: 41px;
162
- min-height: 41px;
163
- }
164
-
165
- .e-spreadsheet .e-ribbon {
166
- background-color: #f8f9fa;
167
- }
168
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
169
- background-color: inherit;
170
- }
171
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
172
- background: rgba(233, 236, 239, 0.12);
173
- border: 1px solid #6c757d;
174
- }
175
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
176
- color: #6c757d;
177
- }
178
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
179
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
180
- color: #0a58ca;
181
- }
182
- .e-spreadsheet .e-ribbon .e-drop-icon {
183
- color: #6c757d;
184
- }
185
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
186
- border-bottom-color: transparent;
187
- border-top-color: transparent;
188
- }
189
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
190
- background: #fff;
191
- }
192
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
193
- background: #fff;
194
- }
195
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
196
- background: transparent;
197
- }
198
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
199
- background-color: transparent;
200
- }
201
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
202
- border: 1px solid transparent;
203
- }
204
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible {
205
- border: 1px solid #6c757d;
206
- }
207
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
208
- border: 1px solid #6c757d;
209
- }
210
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
211
- border: 1px solid transparent;
212
- }
213
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
214
- border: 1px solid transparent;
215
- }
216
- .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
217
- border: 1px solid transparent;
218
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5.css';
package/styles/spreadsheet-ribbon/fabric-dark.css CHANGED
@@ -1,178 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e36a";
3
- }
4
-
5
- .e-spreadsheet .e-ribbon {
6
- border: 1px solid #514f4f;
7
- position: relative;
8
- }
9
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
10
- border-left-width: 0;
11
- border-right-width: 0;
12
- }
13
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
14
- height: 35px;
15
- min-height: 35px;
16
- }
17
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
18
- height: 35px;
19
- min-height: 35px;
20
- }
21
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
22
- height: 35px;
23
- }
24
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
25
- height: 35px;
26
- }
27
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
28
- height: 35px;
29
- min-height: 35px;
30
- }
31
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
32
- height: 35px;
33
- min-height: 35px;
34
- }
35
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
36
- display: inline-block !important; /* stylelint-disable-line declaration-no-important */
37
- width: calc(100% - 28px);
38
- }
39
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
40
- padding: 0 0 0 8px;
41
- }
42
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
43
- vertical-align: top;
44
- }
45
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
46
- z-index: 1;
47
- }
48
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
49
- display: none;
50
- }
51
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
52
- -webkit-user-select: none;
53
- -ms-user-select: none;
54
- user-select: none;
55
- }
56
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
57
- text-transform: none;
58
- }
59
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
60
- white-space: pre;
61
- }
62
- .e-spreadsheet .e-ribbon .e-drop-icon {
63
- cursor: pointer;
64
- font-family: "e-icons";
65
- margin: 12.5px 4px;
66
- position: absolute;
67
- right: 0;
68
- text-align: center;
69
- top: 0;
70
- transform: rotate(180deg);
71
- transition: transform 300ms ease;
72
- width: 18px;
73
- font-size: 10px;
74
- }
75
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
76
- cursor: default;
77
- pointer-events: none;
78
- }
79
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
80
- font-weight: bold;
81
- }
82
- .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 {
83
- display: none;
84
- }
85
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
86
- transform: rotate(0deg);
87
- }
88
- .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
89
- display: inline-block;
90
- }
91
- .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
92
- opacity: 1;
93
- }
94
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
95
- border-width: 0;
96
- }
97
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
98
- padding: 0;
99
- }
100
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
101
- height: 35px;
102
- line-height: 35px;
103
- }
104
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
105
- line-height: 35px;
106
- }
107
-
108
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
109
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
110
- padding: 0;
111
- }
112
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
113
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
114
- height: 41px;
115
- line-height: 41px;
116
- }
117
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
118
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
- line-height: 41px;
120
- }
121
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
122
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
123
- font-size: 12px;
124
- margin: 14.5px 5px;
125
- }
126
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
127
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
128
- height: 41px;
129
- min-height: 41px;
130
- }
131
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
132
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
133
- height: 41px;
134
- min-height: 41px;
135
- }
136
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
137
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
138
- height: 41px;
139
- }
140
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
141
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
142
- height: 41px;
143
- }
144
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
145
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
146
- height: 41px;
147
- min-height: 41px;
148
- }
149
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
150
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
151
- height: 41px;
152
- min-height: 41px;
153
- }
154
-
155
- .e-spreadsheet .e-ribbon {
156
- background-color: #333232;
157
- }
158
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
159
- background-color: inherit;
160
- }
161
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
162
- background: initial;
163
- border-color: #c8c8c8;
164
- }
165
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
166
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
167
- color: #fff;
168
- }
169
- .e-spreadsheet .e-ribbon .e-drop-icon {
170
- color: #dadada;
171
- }
172
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
173
- border-bottom-color: transparent;
174
- border-top-color: transparent;
175
- }
176
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
177
- background-color: transparent;
178
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/fabric-dark.css';