@syncfusion/ej2-vue-spreadsheet 25.2.5 → 26.1.35-282190

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 (73) hide show
  1. package/README.md +189 -189
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +1 -10
  3. package/dist/ej2-vue-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js +18 -14
  5. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js +18 -14
  7. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  8. package/license +6 -6
  9. package/package.json +62 -62
  10. package/src/spreadsheet/spreadsheet.component.d.ts +5 -3
  11. package/src/spreadsheet/spreadsheet.component.js +13 -7
  12. package/styles/bootstrap-dark.css +4171 -1
  13. package/styles/bootstrap.css +4234 -1
  14. package/styles/bootstrap4.css +4283 -1
  15. package/styles/bootstrap5-dark.css +4296 -1
  16. package/styles/bootstrap5.css +4296 -1
  17. package/styles/fabric-dark.css +4148 -1
  18. package/styles/fabric.css +4168 -1
  19. package/styles/fluent-dark.css +4262 -1
  20. package/styles/fluent.css +4262 -1
  21. package/styles/fluent2.css +6551 -0
  22. package/styles/fluent2.scss +2 -0
  23. package/styles/highcontrast-light.css +3560 -1
  24. package/styles/highcontrast.css +4177 -1
  25. package/styles/material-dark.css +4260 -1
  26. package/styles/material.css +4290 -1
  27. package/styles/material3-dark.css +4737 -1
  28. package/styles/material3.css +4961 -1
  29. package/styles/spreadsheet/bootstrap-dark.css +3984 -1
  30. package/styles/spreadsheet/bootstrap.css +4017 -1
  31. package/styles/spreadsheet/bootstrap4.css +4107 -1
  32. package/styles/spreadsheet/bootstrap5-dark.css +4077 -1
  33. package/styles/spreadsheet/bootstrap5.css +4077 -1
  34. package/styles/spreadsheet/fabric-dark.css +3963 -1
  35. package/styles/spreadsheet/fabric.css +3972 -1
  36. package/styles/spreadsheet/fluent-dark.css +4067 -1
  37. package/styles/spreadsheet/fluent.css +4067 -1
  38. package/styles/spreadsheet/fluent2.css +5320 -0
  39. package/styles/spreadsheet/fluent2.scss +1 -0
  40. package/styles/spreadsheet/highcontrast-light.css +3378 -1
  41. package/styles/spreadsheet/highcontrast.css +3977 -1
  42. package/styles/spreadsheet/material-dark.css +4073 -1
  43. package/styles/spreadsheet/material.css +4091 -1
  44. package/styles/spreadsheet/material3-dark.css +4475 -1
  45. package/styles/spreadsheet/material3-dark.scss +1 -1
  46. package/styles/spreadsheet/material3.css +4587 -1
  47. package/styles/spreadsheet/material3.scss +1 -1
  48. package/styles/spreadsheet/tailwind-dark.css +4307 -1
  49. package/styles/spreadsheet/tailwind.css +4070 -1
  50. package/styles/spreadsheet-ribbon/bootstrap-dark.css +186 -1
  51. package/styles/spreadsheet-ribbon/bootstrap.css +216 -1
  52. package/styles/spreadsheet-ribbon/bootstrap4.css +175 -1
  53. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +218 -1
  54. package/styles/spreadsheet-ribbon/bootstrap5.css +218 -1
  55. package/styles/spreadsheet-ribbon/fabric-dark.css +184 -1
  56. package/styles/spreadsheet-ribbon/fabric.css +195 -1
  57. package/styles/spreadsheet-ribbon/fluent-dark.css +194 -1
  58. package/styles/spreadsheet-ribbon/fluent.css +194 -1
  59. package/styles/spreadsheet-ribbon/fluent2.css +1230 -0
  60. package/styles/spreadsheet-ribbon/fluent2.scss +1 -0
  61. package/styles/spreadsheet-ribbon/highcontrast-light.css +181 -1
  62. package/styles/spreadsheet-ribbon/highcontrast.css +199 -1
  63. package/styles/spreadsheet-ribbon/material-dark.css +186 -1
  64. package/styles/spreadsheet-ribbon/material.css +198 -1
  65. package/styles/spreadsheet-ribbon/material3-dark.css +261 -1
  66. package/styles/spreadsheet-ribbon/material3-dark.scss +1 -1
  67. package/styles/spreadsheet-ribbon/material3.css +373 -1
  68. package/styles/spreadsheet-ribbon/material3.scss +1 -1
  69. package/styles/spreadsheet-ribbon/tailwind-dark.css +199 -1
  70. package/styles/spreadsheet-ribbon/tailwind.css +199 -1
  71. package/styles/tailwind-dark.css +4507 -1
  72. package/styles/tailwind.css +4270 -1
  73. package/CHANGELOG.md +0 -1367
package/styles/spreadsheet-ribbon/bootstrap-dark.css CHANGED
@@ -1 +1,186 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap-dark.css';
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
+ }
package/styles/spreadsheet-ribbon/bootstrap.css CHANGED
@@ -1 +1,216 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap.css';
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
+ }
package/styles/spreadsheet-ribbon/bootstrap4.css CHANGED
@@ -1 +1,175 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap4.css';
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
+ }