@syncfusion/ej2-vue-spreadsheet 23.2.6 → 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
@@ -1,180 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e95d";
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 #484848;
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
- -ms-user-select: none;
57
- user-select: none;
58
- }
59
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
60
- text-transform: none;
61
- }
62
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
63
- white-space: pre;
64
- }
65
- .e-spreadsheet .e-ribbon .e-drop-icon {
66
- cursor: pointer;
67
- font-family: "e-icons";
68
- margin: 16.5px 4px 17.5px;
69
- position: absolute;
70
- right: 0;
71
- text-align: center;
72
- top: 0;
73
- transform: rotate(180deg);
74
- transition: transform 300ms ease;
75
- width: 18px;
76
- font-size: 10px;
77
- }
78
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
79
- cursor: default;
80
- pointer-events: none;
81
- }
82
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
83
- font-weight: bold;
84
- }
85
- .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 {
86
- display: none;
87
- }
88
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
89
- transform: rotate(0deg);
90
- }
91
- .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
92
- display: inline-block;
93
- }
94
- .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
95
- opacity: 1;
96
- }
97
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
98
- border-width: 0;
99
- }
100
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
101
- padding: 0;
102
- }
103
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
104
- height: 35px;
105
- line-height: 35px;
106
- }
107
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
108
- line-height: 35px;
109
- }
110
-
111
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
112
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
113
- padding: 0;
114
- }
115
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
116
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
117
- height: 41px;
118
- line-height: 41px;
119
- }
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
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
122
- line-height: 41px;
123
- }
124
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
125
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
126
- font-size: 12px;
127
- margin: 18.5px 5px 19.5px;
128
- }
129
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
130
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
131
- height: 41px;
132
- min-height: 41px;
133
- }
134
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
135
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
136
- height: 41px;
137
- min-height: 41px;
138
- }
139
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
140
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
141
- height: 41px;
142
- }
143
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
144
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
145
- height: 41px;
146
- }
147
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
148
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
149
- height: 41px;
150
- min-height: 41px;
151
- }
152
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
153
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
154
- height: 41px;
155
- min-height: 41px;
156
- }
157
-
158
- .e-spreadsheet .e-ribbon {
159
- background-color: #191919;
160
- }
161
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
162
- background-color: inherit;
163
- }
164
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
165
- background: #414141;
166
- }
167
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
168
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
169
- color: #f0f0f0;
170
- }
171
- .e-spreadsheet .e-ribbon .e-drop-icon {
172
- color: #f0f0f0;
173
- }
174
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
175
- border-bottom-color: transparent;
176
- border-top-color: transparent;
177
- }
178
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
179
- background-color: transparent;
180
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap-dark.css';
@@ -1,210 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e95d";
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 #e5e5e5;
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) {
43
- border-width: 0;
44
- }
45
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
46
- padding: 0;
47
- }
48
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
49
- vertical-align: top;
50
- }
51
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
52
- z-index: 1;
53
- }
54
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
55
- display: none;
56
- }
57
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
58
- margin-top: 10px;
59
- }
60
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
61
- border-radius: 0;
62
- }
63
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
64
- -webkit-user-select: none;
65
- -ms-user-select: none;
66
- user-select: none;
67
- }
68
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
69
- text-transform: none;
70
- }
71
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
72
- white-space: pre;
73
- }
74
- .e-spreadsheet .e-ribbon .e-drop-icon {
75
- cursor: pointer;
76
- font-family: "e-icons";
77
- margin: 16.5px 4px 17.5px;
78
- position: absolute;
79
- right: 0;
80
- text-align: center;
81
- top: 0;
82
- transform: rotate(180deg);
83
- transition: transform 300ms ease;
84
- width: 18px;
85
- font-size: 10px;
86
- }
87
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
88
- cursor: default;
89
- pointer-events: none;
90
- }
91
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
92
- font-weight: bold;
93
- }
94
- .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 {
95
- display: none;
96
- }
97
- .e-spreadsheet .e-ribbon.e-collapsed .e-tab .e-tab-header:not(.e-vertical)::before {
98
- border-width: 0;
99
- }
100
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
101
- transform: rotate(0deg);
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-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
107
- opacity: 1;
108
- }
109
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
110
- border-width: 0;
111
- }
112
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
113
- padding: 0;
114
- }
115
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
116
- height: 35px;
117
- line-height: 35px;
118
- }
119
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
120
- line-height: 35px;
121
- }
122
-
123
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
124
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
125
- padding: 0;
126
- }
127
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
128
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
129
- height: 41px;
130
- line-height: 41px;
131
- }
132
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
133
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
134
- line-height: 41px;
135
- }
136
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
137
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
138
- font-size: 12px;
139
- margin: 18.5px 5px 19.5px;
140
- }
141
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
142
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
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),
147
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
148
- height: 41px;
149
- min-height: 41px;
150
- }
151
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
152
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
153
- height: 41px;
154
- }
155
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
156
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
157
- height: 41px;
158
- }
159
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
160
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
161
- height: 41px;
162
- min-height: 41px;
163
- }
164
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
165
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
166
- height: 41px;
167
- min-height: 41px;
168
- }
169
-
170
- .e-spreadsheet .e-ribbon {
171
- background-color: #f9f9f9;
172
- }
173
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
174
- background-color: inherit;
175
- }
176
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header::before {
177
- border-bottom-color: #e5e5e5;
178
- }
179
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
180
- border-bottom-color: #fff;
181
- border-left-color: #e5e5e5;
182
- border-right-color: #e5e5e5;
183
- border-top-color: #e5e5e5;
184
- }
185
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
186
- background: #eee;
187
- }
188
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
189
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
190
- color: #1f496e;
191
- }
192
- .e-spreadsheet .e-ribbon .e-drop-icon {
193
- color: #777;
194
- }
195
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
196
- border-bottom-color: transparent;
197
- border-top-color: transparent;
198
- }
199
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
200
- background: #fff;
201
- }
202
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
203
- background: #fff;
204
- }
205
- .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 {
206
- background: transparent;
207
- }
208
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
209
- background-color: transparent;
210
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap.css';
@@ -1,169 +1 @@
1
- .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
- content: "\e705";
3
- }
4
-
5
- .e-spreadsheet .e-ribbon {
6
- border: 1px solid #dee2e6;
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 .e-hscroll {
14
- display: inline-block !important; /* stylelint-disable-line declaration-no-important */
15
- width: calc(100% - 28px);
16
- }
17
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
18
- padding: 0;
19
- border-width: 0;
20
- }
21
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
22
- vertical-align: top;
23
- }
24
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
25
- z-index: 1;
26
- }
27
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
28
- display: none;
29
- }
30
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
31
- margin-top: 10px;
32
- }
33
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
34
- border-radius: 0;
35
- }
36
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
37
- -webkit-user-select: none;
38
- -ms-user-select: none;
39
- user-select: none;
40
- }
41
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
42
- text-transform: none;
43
- }
44
- .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
45
- white-space: pre;
46
- }
47
- .e-spreadsheet .e-ribbon .e-drop-icon {
48
- cursor: pointer;
49
- font-family: "e-icons";
50
- margin: 15px 5px;
51
- position: absolute;
52
- right: 0;
53
- text-align: center;
54
- top: 0;
55
- transform: rotate(180deg);
56
- transition: transform 300ms ease;
57
- width: 18px;
58
- }
59
- .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
60
- cursor: default;
61
- pointer-events: none;
62
- }
63
- .e-spreadsheet .e-ribbon .e-drop-icon:focus {
64
- font-weight: bold;
65
- }
66
- .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 {
67
- display: none;
68
- }
69
- .e-spreadsheet .e-ribbon.e-collapsed .e-tab .e-tab-header:not(.e-vertical)::before {
70
- border-width: 0;
71
- }
72
- .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
73
- transform: rotate(0deg);
74
- }
75
- .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
76
- display: inline-block;
77
- }
78
- .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
79
- opacity: 1;
80
- }
81
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
82
- border-width: 0;
83
- }
84
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
85
- padding: 0;
86
- }
87
-
88
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
89
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
90
- padding: 0;
91
- }
92
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
93
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
94
- height: 41px;
95
- line-height: 41px;
96
- }
97
- .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
98
- .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
99
- line-height: 41px;
100
- }
101
- .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
102
- .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
103
- font-size: 12px;
104
- margin: 18.5px 5px 19.5px;
105
- }
106
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
107
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
108
- height: 41px;
109
- min-height: 41px;
110
- }
111
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
112
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
113
- height: 41px;
114
- min-height: 41px;
115
- }
116
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
117
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
118
- height: 41px;
119
- }
120
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
121
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
122
- height: 41px;
123
- }
124
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
125
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
126
- height: 41px;
127
- min-height: 41px;
128
- }
129
- .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
130
- .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
131
- height: 41px;
132
- min-height: 41px;
133
- }
134
-
135
- .e-spreadsheet .e-ribbon {
136
- background-color: #f8f9fa;
137
- }
138
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
139
- background-color: inherit;
140
- }
141
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
142
- background: #eee;
143
- }
144
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
145
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
146
- color: #0056b3;
147
- }
148
- .e-spreadsheet .e-ribbon .e-drop-icon {
149
- color: #6c757d;
150
- }
151
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
152
- border-bottom-color: transparent;
153
- border-top-color: transparent;
154
- }
155
- .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
156
- background: #fff;
157
- }
158
- .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
159
- background: #fff;
160
- }
161
- .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 {
162
- background: transparent;
163
- }
164
- .e-spreadsheet .e-ribbon .e-menu-wrapper {
165
- background-color: transparent;
166
- }
167
- .e-spreadsheet .e-ribbon .e-menu-wrapper ul {
168
- background-color: transparent;
169
- }
1
+ @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap4.css';