@syncfusion/ej2-vue-spreadsheet 26.1.42 → 26.2.4

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