@syncfusion/ej2-vue-splitbuttons 23.2.4 → 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 (89) hide show
  1. package/CHANGELOG.md +0 -18
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -1761
  6. package/styles/bootstrap.css +1 -1811
  7. package/styles/bootstrap4.css +1 -1836
  8. package/styles/bootstrap5-dark.css +1 -1851
  9. package/styles/bootstrap5.css +1 -1851
  10. package/styles/button-group/bootstrap-dark.css +1 -752
  11. package/styles/button-group/bootstrap.css +1 -726
  12. package/styles/button-group/bootstrap4.css +1 -756
  13. package/styles/button-group/bootstrap5-dark.css +1 -751
  14. package/styles/button-group/bootstrap5.css +1 -751
  15. package/styles/button-group/fabric-dark.css +1 -752
  16. package/styles/button-group/fabric.css +1 -758
  17. package/styles/button-group/fluent-dark.css +1 -755
  18. package/styles/button-group/fluent.css +1 -755
  19. package/styles/button-group/highcontrast-light.css +1 -752
  20. package/styles/button-group/highcontrast.css +1 -803
  21. package/styles/button-group/material-dark.css +1 -752
  22. package/styles/button-group/material.css +1 -756
  23. package/styles/button-group/material3-dark.css +1 -901
  24. package/styles/button-group/material3.css +1 -957
  25. package/styles/button-group/tailwind-dark.css +1 -739
  26. package/styles/button-group/tailwind.css +1 -739
  27. package/styles/drop-down-button/bootstrap-dark.css +1 -231
  28. package/styles/drop-down-button/bootstrap.css +1 -231
  29. package/styles/drop-down-button/bootstrap4.css +1 -226
  30. package/styles/drop-down-button/bootstrap5-dark.css +1 -236
  31. package/styles/drop-down-button/bootstrap5.css +1 -236
  32. package/styles/drop-down-button/fabric-dark.css +1 -231
  33. package/styles/drop-down-button/fabric.css +1 -231
  34. package/styles/drop-down-button/fluent-dark.css +1 -233
  35. package/styles/drop-down-button/fluent.css +1 -233
  36. package/styles/drop-down-button/highcontrast-light.css +1 -231
  37. package/styles/drop-down-button/highcontrast.css +1 -232
  38. package/styles/drop-down-button/material-dark.css +1 -231
  39. package/styles/drop-down-button/material.css +1 -231
  40. package/styles/drop-down-button/material3-dark.css +1 -292
  41. package/styles/drop-down-button/material3.css +1 -348
  42. package/styles/drop-down-button/tailwind-dark.css +1 -241
  43. package/styles/drop-down-button/tailwind.css +1 -241
  44. package/styles/fabric-dark.css +1 -1761
  45. package/styles/fabric.css +1 -1841
  46. package/styles/fluent-dark.css +1 -1852
  47. package/styles/fluent.css +1 -1852
  48. package/styles/highcontrast-light.css +1 -1761
  49. package/styles/highcontrast.css +1 -1813
  50. package/styles/material-dark.css +1 -1761
  51. package/styles/material.css +1 -1839
  52. package/styles/material3-dark.css +1 -2164
  53. package/styles/material3.css +1 -2382
  54. package/styles/progress-button/bootstrap-dark.css +1 -445
  55. package/styles/progress-button/bootstrap.css +1 -522
  56. package/styles/progress-button/bootstrap4.css +1 -525
  57. package/styles/progress-button/bootstrap5-dark.css +1 -538
  58. package/styles/progress-button/bootstrap5.css +1 -538
  59. package/styles/progress-button/fabric-dark.css +1 -445
  60. package/styles/progress-button/fabric.css +1 -522
  61. package/styles/progress-button/fluent-dark.css +1 -538
  62. package/styles/progress-button/fluent.css +1 -538
  63. package/styles/progress-button/highcontrast-light.css +1 -445
  64. package/styles/progress-button/highcontrast.css +1 -445
  65. package/styles/progress-button/material-dark.css +1 -445
  66. package/styles/progress-button/material.css +1 -522
  67. package/styles/progress-button/material3-dark.css +1 -556
  68. package/styles/progress-button/material3.css +1 -612
  69. package/styles/progress-button/tailwind-dark.css +1 -542
  70. package/styles/progress-button/tailwind.css +1 -542
  71. package/styles/split-button/bootstrap-dark.css +1 -330
  72. package/styles/split-button/bootstrap.css +1 -330
  73. package/styles/split-button/bootstrap4.css +1 -326
  74. package/styles/split-button/bootstrap5-dark.css +1 -323
  75. package/styles/split-button/bootstrap5.css +1 -323
  76. package/styles/split-button/fabric-dark.css +1 -330
  77. package/styles/split-button/fabric.css +1 -327
  78. package/styles/split-button/fluent-dark.css +1 -323
  79. package/styles/split-button/fluent.css +1 -323
  80. package/styles/split-button/highcontrast-light.css +1 -330
  81. package/styles/split-button/highcontrast.css +1 -330
  82. package/styles/split-button/material-dark.css +1 -330
  83. package/styles/split-button/material.css +1 -327
  84. package/styles/split-button/material3-dark.css +1 -412
  85. package/styles/split-button/material3.css +1 -462
  86. package/styles/split-button/tailwind-dark.css +1 -344
  87. package/styles/split-button/tailwind.css +1 -344
  88. package/styles/tailwind-dark.css +1 -1868
  89. package/styles/tailwind.css +1 -1868
@@ -1,236 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- .e-dropdown-btn .e-caret::before,
3
- .e-dropdown-btn.e-btn .e-caret::before {
4
- content: "\e70d";
5
- }
6
-
7
- /*! drop-down button layout */
8
- .e-dropdown-btn,
9
- .e-dropdown-btn.e-btn {
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:focus,
14
- .e-dropdown-btn.e-btn:focus {
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
- }
17
- .e-dropdown-btn:active,
18
- .e-dropdown-btn.e-btn:active {
19
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
- }
21
- .e-dropdown-btn .e-btn-icon,
22
- .e-dropdown-btn.e-btn .e-btn-icon {
23
- font-size: 14px;
24
- }
25
- .e-dropdown-btn .e-caret,
26
- .e-dropdown-btn.e-btn .e-caret {
27
- font-size: 10px;
28
- }
29
- .e-dropdown-btn.e-vertical,
30
- .e-dropdown-btn.e-btn.e-vertical {
31
- line-height: 1;
32
- padding: 6px 12px;
33
- }
34
- .e-dropdown-btn.e-caret-hide .e-caret,
35
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
36
- display: none;
37
- }
38
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
39
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
40
- padding: 4px 0;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
44
- padding: 0 8px;
45
- }
46
- .e-dropdown-btn.e-small.e-vertical,
47
- .e-dropdown-btn.e-btn.e-small.e-vertical {
48
- line-height: 1;
49
- padding: 6px 12px;
50
- }
51
-
52
- .e-bigger .e-dropdown-btn .e-btn-icon,
53
- .e-bigger.e-dropdown-btn .e-btn-icon {
54
- font-size: 16px;
55
- }
56
- .e-bigger .e-dropdown-btn .e-caret,
57
- .e-bigger.e-dropdown-btn .e-caret {
58
- font-size: 12px;
59
- }
60
- .e-bigger .e-dropdown-btn.e-vertical,
61
- .e-bigger.e-dropdown-btn.e-vertical {
62
- line-height: 1;
63
- padding: 8px 16px;
64
- }
65
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
66
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
67
- line-height: 1;
68
- padding: 8px 16px;
69
- }
70
-
71
- .e-dropdown-popup {
72
- position: absolute;
73
- border-radius: 4px;
74
- margin-top: 2px;
75
- }
76
- .e-dropdown-popup ul {
77
- border: 1px solid #444c54;
78
- border-radius: 4px;
79
- box-shadow: none;
80
- box-sizing: border-box;
81
- font-size: 14px;
82
- font-weight: 400;
83
- list-style-image: none;
84
- list-style-position: outside;
85
- list-style-type: none;
86
- margin: 0;
87
- min-width: 120px;
88
- overflow: hidden;
89
- padding: 4px 0;
90
- -webkit-user-select: none;
91
- -ms-user-select: none;
92
- user-select: none;
93
- white-space: nowrap;
94
- }
95
- .e-dropdown-popup ul .e-item {
96
- cursor: pointer;
97
- display: -ms-flexbox;
98
- display: flex;
99
- height: 30px;
100
- line-height: 30px;
101
- padding: 0 12px;
102
- }
103
- .e-dropdown-popup ul .e-item.e-url {
104
- padding: 0;
105
- }
106
- .e-dropdown-popup ul .e-item .e-menu-url {
107
- display: block;
108
- padding: 0 12px;
109
- text-decoration: none;
110
- width: 100%;
111
- }
112
- .e-dropdown-popup ul .e-item .e-menu-icon {
113
- float: left;
114
- font-size: 18px;
115
- line-height: 30px;
116
- margin-right: 11px;
117
- vertical-align: middle;
118
- width: 1em;
119
- }
120
- .e-dropdown-popup ul .e-item.e-disabled {
121
- cursor: auto;
122
- pointer-events: none;
123
- }
124
- .e-dropdown-popup ul .e-item.e-separator {
125
- border-bottom-style: solid;
126
- border-bottom-width: 1px;
127
- cursor: auto;
128
- height: auto;
129
- line-height: normal;
130
- margin: 3px 0;
131
- pointer-events: none;
132
- }
133
- .e-dropdown-popup.e-transparent {
134
- background: transparent;
135
- box-shadow: none;
136
- }
137
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
138
- border: 0;
139
- height: 1px;
140
- min-width: 0;
141
- padding: 0;
142
- width: 1px;
143
- }
144
-
145
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
146
- float: right;
147
- margin-left: 11px;
148
- margin-right: 0;
149
- }
150
-
151
- *.e-bigger .e-dropdown-popup {
152
- background-color: transparent;
153
- border-radius: 4px;
154
- }
155
-
156
- *.e-bigger .e-dropdown-popup ul,
157
- *.e-bigger.e-dropdown-popup ul {
158
- box-shadow: none;
159
- font-size: 16px;
160
- max-width: 202px;
161
- min-width: 112px;
162
- padding: 8px 0;
163
- background-color: #343a40;
164
- margin-top: 4px;
165
- }
166
- *.e-bigger .e-dropdown-popup ul .e-item,
167
- *.e-bigger.e-dropdown-popup ul .e-item {
168
- height: 32px;
169
- line-height: 32px;
170
- padding: 0 16px;
171
- }
172
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
173
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
174
- padding: 0;
175
- }
176
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
177
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
178
- font-size: 22px;
179
- line-height: 32px;
180
- }
181
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
182
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
183
- height: auto;
184
- line-height: normal;
185
- }
186
-
187
- /*! drop-down button theme */
188
- .e-dropdown-popup {
189
- background-color: #343a40;
190
- color: #fff;
191
- }
192
- .e-dropdown-popup ul .e-item .e-menu-url {
193
- color: #fff;
194
- }
195
- .e-dropdown-popup ul .e-item .e-menu-icon {
196
- color: #adb5bd;
197
- }
198
- .e-dropdown-popup ul .e-item.e-focused {
199
- background-color: #31373d;
200
- box-shadow: none;
201
- }
202
- .e-dropdown-popup ul .e-item:hover {
203
- background-color: #444c54;
204
- color: #fff;
205
- }
206
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
207
- background-color: #0d6efd;
208
- color: #fff;
209
- }
210
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
211
- color: #fff;
212
- }
213
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
214
- color: #fff;
215
- }
216
- .e-dropdown-popup ul .e-separator {
217
- border-bottom-color: #444c54;
218
- }
219
-
220
- .e-dropdown-btn.e-inherit,
221
- .e-dropdown-btn.e-btn.e-inherit {
222
- background: inherit;
223
- border-color: transparent;
224
- box-shadow: none;
225
- color: inherit;
226
- }
227
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
228
- .e-dropdown-btn.e-btn.e-inherit:hover,
229
- .e-dropdown-btn.e-btn.e-inherit:focus,
230
- .e-dropdown-btn.e-btn.e-inherit:active,
231
- .e-dropdown-btn.e-btn.e-inherit.e-active {
232
- background-color: rgba(0, 0, 0, 0.056);
233
- border-color: transparent;
234
- box-shadow: none;
235
- color: inherit;
236
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark.css';
@@ -1,236 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- .e-dropdown-btn .e-caret::before,
3
- .e-dropdown-btn.e-btn .e-caret::before {
4
- content: "\e70d";
5
- }
6
-
7
- /*! drop-down button layout */
8
- .e-dropdown-btn,
9
- .e-dropdown-btn.e-btn {
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:focus,
14
- .e-dropdown-btn.e-btn:focus {
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
- }
17
- .e-dropdown-btn:active,
18
- .e-dropdown-btn.e-btn:active {
19
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
- }
21
- .e-dropdown-btn .e-btn-icon,
22
- .e-dropdown-btn.e-btn .e-btn-icon {
23
- font-size: 14px;
24
- }
25
- .e-dropdown-btn .e-caret,
26
- .e-dropdown-btn.e-btn .e-caret {
27
- font-size: 10px;
28
- }
29
- .e-dropdown-btn.e-vertical,
30
- .e-dropdown-btn.e-btn.e-vertical {
31
- line-height: 1;
32
- padding: 6px 12px;
33
- }
34
- .e-dropdown-btn.e-caret-hide .e-caret,
35
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
36
- display: none;
37
- }
38
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
39
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
40
- padding: 4px 0;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
44
- padding: 0 8px;
45
- }
46
- .e-dropdown-btn.e-small.e-vertical,
47
- .e-dropdown-btn.e-btn.e-small.e-vertical {
48
- line-height: 1;
49
- padding: 6px 12px;
50
- }
51
-
52
- .e-bigger .e-dropdown-btn .e-btn-icon,
53
- .e-bigger.e-dropdown-btn .e-btn-icon {
54
- font-size: 16px;
55
- }
56
- .e-bigger .e-dropdown-btn .e-caret,
57
- .e-bigger.e-dropdown-btn .e-caret {
58
- font-size: 12px;
59
- }
60
- .e-bigger .e-dropdown-btn.e-vertical,
61
- .e-bigger.e-dropdown-btn.e-vertical {
62
- line-height: 1;
63
- padding: 8px 16px;
64
- }
65
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
66
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
67
- line-height: 1;
68
- padding: 8px 16px;
69
- }
70
-
71
- .e-dropdown-popup {
72
- position: absolute;
73
- border-radius: 4px;
74
- margin-top: 2px;
75
- }
76
- .e-dropdown-popup ul {
77
- border: 1px solid #dee2e6;
78
- border-radius: 4px;
79
- box-shadow: none;
80
- box-sizing: border-box;
81
- font-size: 14px;
82
- font-weight: 400;
83
- list-style-image: none;
84
- list-style-position: outside;
85
- list-style-type: none;
86
- margin: 0;
87
- min-width: 120px;
88
- overflow: hidden;
89
- padding: 4px 0;
90
- -webkit-user-select: none;
91
- -ms-user-select: none;
92
- user-select: none;
93
- white-space: nowrap;
94
- }
95
- .e-dropdown-popup ul .e-item {
96
- cursor: pointer;
97
- display: -ms-flexbox;
98
- display: flex;
99
- height: 30px;
100
- line-height: 30px;
101
- padding: 0 12px;
102
- }
103
- .e-dropdown-popup ul .e-item.e-url {
104
- padding: 0;
105
- }
106
- .e-dropdown-popup ul .e-item .e-menu-url {
107
- display: block;
108
- padding: 0 12px;
109
- text-decoration: none;
110
- width: 100%;
111
- }
112
- .e-dropdown-popup ul .e-item .e-menu-icon {
113
- float: left;
114
- font-size: 18px;
115
- line-height: 30px;
116
- margin-right: 11px;
117
- vertical-align: middle;
118
- width: 1em;
119
- }
120
- .e-dropdown-popup ul .e-item.e-disabled {
121
- cursor: auto;
122
- pointer-events: none;
123
- }
124
- .e-dropdown-popup ul .e-item.e-separator {
125
- border-bottom-style: solid;
126
- border-bottom-width: 1px;
127
- cursor: auto;
128
- height: auto;
129
- line-height: normal;
130
- margin: 3px 0;
131
- pointer-events: none;
132
- }
133
- .e-dropdown-popup.e-transparent {
134
- background: transparent;
135
- box-shadow: none;
136
- }
137
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
138
- border: 0;
139
- height: 1px;
140
- min-width: 0;
141
- padding: 0;
142
- width: 1px;
143
- }
144
-
145
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
146
- float: right;
147
- margin-left: 11px;
148
- margin-right: 0;
149
- }
150
-
151
- *.e-bigger .e-dropdown-popup {
152
- background-color: transparent;
153
- border-radius: 4px;
154
- }
155
-
156
- *.e-bigger .e-dropdown-popup ul,
157
- *.e-bigger.e-dropdown-popup ul {
158
- box-shadow: none;
159
- font-size: 16px;
160
- max-width: 202px;
161
- min-width: 112px;
162
- padding: 8px 0;
163
- background-color: #fff;
164
- margin-top: 4px;
165
- }
166
- *.e-bigger .e-dropdown-popup ul .e-item,
167
- *.e-bigger.e-dropdown-popup ul .e-item {
168
- height: 32px;
169
- line-height: 32px;
170
- padding: 0 16px;
171
- }
172
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
173
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
174
- padding: 0;
175
- }
176
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
177
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
178
- font-size: 22px;
179
- line-height: 32px;
180
- }
181
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
182
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
183
- height: auto;
184
- line-height: normal;
185
- }
186
-
187
- /*! drop-down button theme */
188
- .e-dropdown-popup {
189
- background-color: #fff;
190
- color: #212529;
191
- }
192
- .e-dropdown-popup ul .e-item .e-menu-url {
193
- color: #212529;
194
- }
195
- .e-dropdown-popup ul .e-item .e-menu-icon {
196
- color: #6c757d;
197
- }
198
- .e-dropdown-popup ul .e-item.e-focused {
199
- background-color: #e9ecef;
200
- box-shadow: none;
201
- }
202
- .e-dropdown-popup ul .e-item:hover {
203
- background-color: #e9ecef;
204
- color: #212529;
205
- }
206
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
207
- background-color: #0d6efd;
208
- color: #fff;
209
- }
210
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
211
- color: #fff;
212
- }
213
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
214
- color: #fff;
215
- }
216
- .e-dropdown-popup ul .e-separator {
217
- border-bottom-color: #dee2e6;
218
- }
219
-
220
- .e-dropdown-btn.e-inherit,
221
- .e-dropdown-btn.e-btn.e-inherit {
222
- background: inherit;
223
- border-color: transparent;
224
- box-shadow: none;
225
- color: inherit;
226
- }
227
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
228
- .e-dropdown-btn.e-btn.e-inherit:hover,
229
- .e-dropdown-btn.e-btn.e-inherit:focus,
230
- .e-dropdown-btn.e-btn.e-inherit:active,
231
- .e-dropdown-btn.e-btn.e-inherit.e-active {
232
- background-color: rgba(0, 0, 0, 0.056);
233
- border-color: transparent;
234
- box-shadow: none;
235
- color: inherit;
236
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap5.css';
@@ -1,231 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e36a";
4
- }
5
-
6
- /*! drop-down button layout */
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- box-shadow: none;
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:hover,
14
- .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
16
- }
17
- .e-dropdown-btn:focus,
18
- .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
- }
21
- .e-dropdown-btn:active,
22
- .e-dropdown-btn.e-btn:active {
23
- box-shadow: none;
24
- }
25
- .e-dropdown-btn .e-btn-icon,
26
- .e-dropdown-btn.e-btn .e-btn-icon {
27
- font-size: 14px;
28
- }
29
- .e-dropdown-btn .e-caret,
30
- .e-dropdown-btn.e-btn .e-caret {
31
- font-size: 10px;
32
- }
33
- .e-dropdown-btn.e-vertical,
34
- .e-dropdown-btn.e-btn.e-vertical {
35
- line-height: 1;
36
- padding: 8px 20px;
37
- }
38
- .e-dropdown-btn.e-caret-hide .e-caret,
39
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
40
- display: none;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
44
- padding: 0;
45
- }
46
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
47
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
48
- padding: 0 10px;
49
- }
50
- .e-dropdown-btn.e-small.e-vertical,
51
- .e-dropdown-btn.e-btn.e-small.e-vertical {
52
- line-height: 1;
53
- padding: 8px 20px;
54
- }
55
-
56
- .e-bigger .e-dropdown-btn .e-btn-icon,
57
- .e-bigger.e-dropdown-btn .e-btn-icon {
58
- font-size: 16px;
59
- }
60
- .e-bigger .e-dropdown-btn .e-caret,
61
- .e-bigger.e-dropdown-btn .e-caret {
62
- font-size: 10px;
63
- }
64
- .e-bigger .e-dropdown-btn.e-vertical,
65
- .e-bigger.e-dropdown-btn.e-vertical {
66
- line-height: 1;
67
- padding: 10px 24px;
68
- }
69
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
70
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
71
- line-height: 1;
72
- padding: 10px 24px;
73
- }
74
-
75
- .e-dropdown-popup {
76
- position: absolute;
77
- }
78
- .e-dropdown-popup ul {
79
- border: 1px solid #414040;
80
- border-radius: 0;
81
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
82
- box-sizing: border-box;
83
- font-size: 14px;
84
- font-weight: normal;
85
- list-style-image: none;
86
- list-style-position: outside;
87
- list-style-type: none;
88
- margin: 0;
89
- min-width: 120px;
90
- overflow: hidden;
91
- padding: 0;
92
- -webkit-user-select: none;
93
- -ms-user-select: none;
94
- user-select: none;
95
- white-space: nowrap;
96
- }
97
- .e-dropdown-popup ul .e-item {
98
- cursor: pointer;
99
- display: -ms-flexbox;
100
- display: flex;
101
- height: 36px;
102
- line-height: 36px;
103
- padding: 0 10px;
104
- }
105
- .e-dropdown-popup ul .e-item.e-url {
106
- padding: 0;
107
- }
108
- .e-dropdown-popup ul .e-item .e-menu-url {
109
- display: block;
110
- padding: 0 10px;
111
- text-decoration: none;
112
- width: 100%;
113
- }
114
- .e-dropdown-popup ul .e-item .e-menu-icon {
115
- float: left;
116
- font-size: 16px;
117
- line-height: 36px;
118
- margin-right: 10px;
119
- vertical-align: middle;
120
- width: 1em;
121
- }
122
- .e-dropdown-popup ul .e-item.e-disabled {
123
- cursor: auto;
124
- pointer-events: none;
125
- }
126
- .e-dropdown-popup ul .e-item.e-separator {
127
- border-bottom-style: solid;
128
- border-bottom-width: 1px;
129
- cursor: auto;
130
- height: auto;
131
- line-height: normal;
132
- margin: 0;
133
- pointer-events: none;
134
- }
135
- .e-dropdown-popup.e-transparent {
136
- background: transparent;
137
- box-shadow: none;
138
- }
139
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
- border: 0;
141
- height: 1px;
142
- min-width: 0;
143
- padding: 0;
144
- width: 1px;
145
- }
146
-
147
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
148
- float: right;
149
- margin-left: 10px;
150
- margin-right: 0;
151
- }
152
-
153
- *.e-bigger .e-dropdown-popup ul,
154
- *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
156
- font-size: 15px;
157
- max-width: 280px;
158
- min-width: 112px;
159
- padding: 0;
160
- }
161
- *.e-bigger .e-dropdown-popup ul .e-item,
162
- *.e-bigger.e-dropdown-popup ul .e-item {
163
- height: 48px;
164
- line-height: 48px;
165
- padding: 0 10px;
166
- }
167
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
168
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
169
- padding: 0;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
172
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
173
- font-size: 18px;
174
- line-height: 48px;
175
- }
176
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
177
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
178
- height: auto;
179
- line-height: normal;
180
- }
181
-
182
- /*! drop-down button theme */
183
- .e-dropdown-popup {
184
- background-color: #282727;
185
- color: #dadada;
186
- }
187
- .e-dropdown-popup ul .e-item .e-menu-url {
188
- color: #dadada;
189
- }
190
- .e-dropdown-popup ul .e-item .e-menu-icon {
191
- color: #dadada;
192
- }
193
- .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
195
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
196
- }
197
- .e-dropdown-popup ul .e-item:hover {
198
- background-color: #414040;
199
- color: #fff;
200
- }
201
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #514f4f;
203
- color: #fff;
204
- }
205
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
206
- color: #fff;
207
- }
208
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
209
- color: #fff;
210
- }
211
- .e-dropdown-popup ul .e-separator {
212
- border-bottom-color: #414040;
213
- }
214
-
215
- .e-dropdown-btn.e-inherit,
216
- .e-dropdown-btn.e-btn.e-inherit {
217
- background: inherit;
218
- border-color: transparent;
219
- box-shadow: none;
220
- color: inherit;
221
- }
222
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
- .e-dropdown-btn.e-btn.e-inherit:hover,
224
- .e-dropdown-btn.e-btn.e-inherit:focus,
225
- .e-dropdown-btn.e-btn.e-inherit:active,
226
- .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
228
- border-color: transparent;
229
- box-shadow: none;
230
- color: inherit;
231
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/fabric-dark.css';