@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

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 (109) hide show
  1. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-splitbuttons.es2015.js +11 -3
  4. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es5.js +11 -3
  6. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  7. package/dist/global/ej2-splitbuttons.min.js +2 -2
  8. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/dist/ts/button-group/button-group.ts +84 -0
  11. package/dist/ts/common/common.ts +203 -0
  12. package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
  13. package/dist/ts/progress-button/progress-button.ts +689 -0
  14. package/dist/ts/split-button/split-button.ts +501 -0
  15. package/helpers/e2e/dropdownbuttonHelper.js +55 -38
  16. package/helpers/e2e/index.js +10 -8
  17. package/helpers/e2e/progressbuttonHelper.js +52 -35
  18. package/helpers/e2e/splitbuttonHelper.js +58 -41
  19. package/package.json +7 -7
  20. package/src/drop-down-button/drop-down-button.js +11 -3
  21. package/styles/bootstrap-dark.css +4 -338
  22. package/styles/bootstrap.css +4 -333
  23. package/styles/bootstrap4.css +12 -342
  24. package/styles/bootstrap5-dark.css +20 -331
  25. package/styles/bootstrap5.css +18 -329
  26. package/styles/button-group/_fusionnew-definition.scss +31 -0
  27. package/styles/button-group/_layout.scss +1 -1
  28. package/styles/button-group/_material3-definition.scss +31 -0
  29. package/styles/button-group/_theme.scss +48 -12
  30. package/styles/button-group/bootstrap-dark.css +1 -114
  31. package/styles/button-group/bootstrap.css +1 -108
  32. package/styles/button-group/bootstrap4.css +5 -119
  33. package/styles/button-group/bootstrap5-dark.css +15 -108
  34. package/styles/button-group/bootstrap5.css +13 -106
  35. package/styles/button-group/fabric-dark.css +1 -114
  36. package/styles/button-group/fabric.css +1 -114
  37. package/styles/button-group/fluent-dark.css +1 -114
  38. package/styles/button-group/fluent.css +1 -114
  39. package/styles/button-group/highcontrast-light.css +1 -114
  40. package/styles/button-group/highcontrast.css +1 -126
  41. package/styles/button-group/material-dark.css +1 -114
  42. package/styles/button-group/material.css +1 -115
  43. package/styles/button-group/tailwind-dark.css +9 -114
  44. package/styles/button-group/tailwind.css +9 -114
  45. package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
  46. package/styles/drop-down-button/_layout.scss +4 -2
  47. package/styles/drop-down-button/_material3-definition.scss +51 -0
  48. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  49. package/styles/drop-down-button/bootstrap.css +2 -36
  50. package/styles/drop-down-button/bootstrap4.css +3 -36
  51. package/styles/drop-down-button/bootstrap5-dark.css +4 -35
  52. package/styles/drop-down-button/bootstrap5.css +4 -35
  53. package/styles/drop-down-button/fabric-dark.css +2 -36
  54. package/styles/drop-down-button/fabric.css +2 -36
  55. package/styles/drop-down-button/fluent-dark.css +2 -36
  56. package/styles/drop-down-button/fluent.css +2 -36
  57. package/styles/drop-down-button/highcontrast-light.css +2 -36
  58. package/styles/drop-down-button/highcontrast.css +2 -36
  59. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  60. package/styles/drop-down-button/icons/_material3.scss +10 -0
  61. package/styles/drop-down-button/material-dark.css +2 -36
  62. package/styles/drop-down-button/material.css +2 -36
  63. package/styles/drop-down-button/tailwind-dark.css +4 -36
  64. package/styles/drop-down-button/tailwind.css +4 -36
  65. package/styles/fabric-dark.css +4 -338
  66. package/styles/fabric.css +4 -338
  67. package/styles/fluent-dark.css +5 -339
  68. package/styles/fluent.css +5 -339
  69. package/styles/highcontrast-light.css +4 -338
  70. package/styles/highcontrast.css +4 -350
  71. package/styles/material-dark.css +4 -338
  72. package/styles/material.css +4 -339
  73. package/styles/progress-button/_fluent-definition.scss +1 -1
  74. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  75. package/styles/progress-button/_material3-definition.scss +21 -0
  76. package/styles/progress-button/bootstrap-dark.css +3 -120
  77. package/styles/progress-button/bootstrap.css +3 -120
  78. package/styles/progress-button/bootstrap4.css +3 -120
  79. package/styles/progress-button/bootstrap5-dark.css +3 -124
  80. package/styles/progress-button/bootstrap5.css +3 -124
  81. package/styles/progress-button/fabric-dark.css +3 -120
  82. package/styles/progress-button/fabric.css +3 -120
  83. package/styles/progress-button/fluent-dark.css +4 -125
  84. package/styles/progress-button/fluent.css +4 -125
  85. package/styles/progress-button/highcontrast-light.css +3 -120
  86. package/styles/progress-button/highcontrast.css +3 -120
  87. package/styles/progress-button/material-dark.css +3 -120
  88. package/styles/progress-button/material.css +3 -120
  89. package/styles/progress-button/tailwind-dark.css +3 -124
  90. package/styles/progress-button/tailwind.css +3 -124
  91. package/styles/split-button/_fusionnew-definition.scss +25 -0
  92. package/styles/split-button/_material3-definition.scss +25 -0
  93. package/styles/split-button/bootstrap-dark.css +1 -71
  94. package/styles/split-button/bootstrap.css +1 -71
  95. package/styles/split-button/bootstrap4.css +4 -70
  96. package/styles/split-button/bootstrap5-dark.css +1 -67
  97. package/styles/split-button/bootstrap5.css +1 -67
  98. package/styles/split-button/fabric-dark.css +1 -71
  99. package/styles/split-button/fabric.css +1 -71
  100. package/styles/split-button/fluent-dark.css +1 -67
  101. package/styles/split-button/fluent.css +1 -67
  102. package/styles/split-button/highcontrast-light.css +1 -71
  103. package/styles/split-button/highcontrast.css +1 -71
  104. package/styles/split-button/material-dark.css +1 -71
  105. package/styles/split-button/material.css +1 -71
  106. package/styles/split-button/tailwind-dark.css +1 -71
  107. package/styles/split-button/tailwind.css +1 -71
  108. package/styles/tailwind-dark.css +14 -343
  109. package/styles/tailwind.css +14 -343
package/styles/drop-down-button/bootstrap4.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: '\e744';
3
+ content: "\e744";
4
4
  }
5
5
 
6
6
  /*! drop-down button layout */
@@ -9,48 +9,39 @@
9
9
  text-transform: none;
10
10
  white-space: normal;
11
11
  }
12
-
13
12
  .e-dropdown-btn:focus,
14
13
  .e-dropdown-btn.e-btn:focus {
15
14
  box-shadow: none;
16
15
  }
17
-
18
16
  .e-dropdown-btn:active,
19
17
  .e-dropdown-btn.e-btn:active {
20
- box-shadow: 0 0 0 0.2rem rgba(79, 85, 91, 0.5);
18
+ box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
21
19
  }
22
-
23
20
  .e-dropdown-btn .e-btn-icon,
24
21
  .e-dropdown-btn.e-btn .e-btn-icon {
25
22
  font-size: 14px;
26
23
  }
27
-
28
24
  .e-dropdown-btn .e-caret,
29
25
  .e-dropdown-btn.e-btn .e-caret {
30
26
  font-size: 8px;
31
27
  }
32
-
33
28
  .e-dropdown-btn.e-vertical,
34
29
  .e-dropdown-btn.e-btn.e-vertical {
35
30
  line-height: 1;
36
31
  padding: 6px 12px;
37
32
  }
38
-
39
33
  .e-dropdown-btn.e-caret-hide .e-caret,
40
34
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
41
35
  display: none;
42
36
  }
43
-
44
37
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
45
38
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
46
39
  padding: 4px 0;
47
40
  }
48
-
49
41
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
50
42
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
51
43
  padding: 0 16px;
52
44
  }
53
-
54
45
  .e-dropdown-btn.e-small.e-vertical,
55
46
  .e-dropdown-btn.e-btn.e-small.e-vertical {
56
47
  line-height: 1;
@@ -61,18 +52,15 @@
61
52
  .e-bigger.e-dropdown-btn .e-btn-icon {
62
53
  font-size: 16px;
63
54
  }
64
-
65
55
  .e-bigger .e-dropdown-btn .e-caret,
66
56
  .e-bigger.e-dropdown-btn .e-caret {
67
57
  font-size: 10px;
68
58
  }
69
-
70
59
  .e-bigger .e-dropdown-btn.e-vertical,
71
60
  .e-bigger.e-dropdown-btn.e-vertical {
72
61
  line-height: 1;
73
62
  padding: 8px 16px;
74
63
  }
75
-
76
64
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
77
65
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
78
66
  line-height: 1;
@@ -82,7 +70,6 @@
82
70
  .e-dropdown-popup {
83
71
  position: absolute;
84
72
  }
85
-
86
73
  .e-dropdown-popup ul {
87
74
  border: 1px solid rgba(0, 0, 0, 0.15);
88
75
  border-radius: 4px;
@@ -102,7 +89,6 @@
102
89
  user-select: none;
103
90
  white-space: nowrap;
104
91
  }
105
-
106
92
  .e-dropdown-popup ul .e-item {
107
93
  cursor: pointer;
108
94
  display: -ms-flexbox;
@@ -111,18 +97,15 @@
111
97
  line-height: 26px;
112
98
  padding: 0 20px;
113
99
  }
114
-
115
100
  .e-dropdown-popup ul .e-item.e-url {
116
101
  padding: 0;
117
102
  }
118
-
119
103
  .e-dropdown-popup ul .e-item .e-menu-url {
120
104
  display: block;
121
105
  padding: 0 20px;
122
106
  text-decoration: none;
123
107
  width: 100%;
124
108
  }
125
-
126
109
  .e-dropdown-popup ul .e-item .e-menu-icon {
127
110
  float: left;
128
111
  font-size: 16px;
@@ -131,12 +114,10 @@
131
114
  vertical-align: middle;
132
115
  width: 1em;
133
116
  }
134
-
135
117
  .e-dropdown-popup ul .e-item.e-disabled {
136
118
  cursor: auto;
137
119
  pointer-events: none;
138
120
  }
139
-
140
121
  .e-dropdown-popup ul .e-item.e-separator {
141
122
  border-bottom-style: solid;
142
123
  border-bottom-width: 1px;
@@ -146,12 +127,10 @@
146
127
  margin: 3px 0;
147
128
  pointer-events: none;
148
129
  }
149
-
150
130
  .e-dropdown-popup.e-transparent {
151
131
  background: transparent;
152
132
  box-shadow: none;
153
133
  }
154
-
155
134
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
156
135
  border: 0;
157
136
  height: 1px;
@@ -174,25 +153,21 @@
174
153
  min-width: 112px;
175
154
  padding: 8px 0;
176
155
  }
177
-
178
156
  *.e-bigger .e-dropdown-popup ul .e-item,
179
157
  *.e-bigger.e-dropdown-popup ul .e-item {
180
158
  height: 32px;
181
159
  line-height: 32px;
182
160
  padding: 0 24px;
183
161
  }
184
-
185
162
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
186
163
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
187
164
  padding: 0;
188
165
  }
189
-
190
166
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
191
167
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
192
168
  font-size: 16px;
193
169
  line-height: 32px;
194
170
  }
195
-
196
171
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
197
172
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
198
173
  height: auto;
@@ -204,38 +179,30 @@
204
179
  background-color: #fff;
205
180
  color: #212529;
206
181
  }
207
-
208
182
  .e-dropdown-popup ul .e-item .e-menu-url {
209
183
  color: #212529;
210
184
  }
211
-
212
185
  .e-dropdown-popup ul .e-item .e-menu-icon {
213
186
  color: #212529;
214
187
  }
215
-
216
188
  .e-dropdown-popup ul .e-item.e-focused {
217
189
  background-color: #f2f4f6;
218
190
  box-shadow: none;
219
191
  }
220
-
221
192
  .e-dropdown-popup ul .e-item:hover {
222
193
  background-color: #f2f4f6;
223
194
  color: #212529;
224
195
  }
225
-
226
196
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
227
197
  background-color: #007bff;
228
198
  color: #fff;
229
199
  }
230
-
231
200
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
232
201
  color: #fff;
233
202
  }
234
-
235
203
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
236
204
  color: #fff;
237
205
  }
238
-
239
206
  .e-dropdown-popup ul .e-separator {
240
207
  border-bottom-color: #6c757d;
241
- }
208
+ }
package/styles/drop-down-button/bootstrap5-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: '\e70d';
3
+ content: "\e70d";
4
4
  }
5
5
 
6
6
  /*! drop-down button layout */
@@ -9,48 +9,39 @@
9
9
  text-transform: none;
10
10
  white-space: normal;
11
11
  }
12
-
13
12
  .e-dropdown-btn:focus,
14
13
  .e-dropdown-btn.e-btn:focus {
15
14
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
15
  }
17
-
18
16
  .e-dropdown-btn:active,
19
17
  .e-dropdown-btn.e-btn:active {
20
18
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
21
19
  }
22
-
23
20
  .e-dropdown-btn .e-btn-icon,
24
21
  .e-dropdown-btn.e-btn .e-btn-icon {
25
22
  font-size: 14px;
26
23
  }
27
-
28
24
  .e-dropdown-btn .e-caret,
29
25
  .e-dropdown-btn.e-btn .e-caret {
30
26
  font-size: 10px;
31
27
  }
32
-
33
28
  .e-dropdown-btn.e-vertical,
34
29
  .e-dropdown-btn.e-btn.e-vertical {
35
30
  line-height: 1;
36
31
  padding: 6px 12px;
37
32
  }
38
-
39
33
  .e-dropdown-btn.e-caret-hide .e-caret,
40
34
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
41
35
  display: none;
42
36
  }
43
-
44
37
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
45
38
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
46
39
  padding: 4px 0;
47
40
  }
48
-
49
41
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
50
42
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
51
43
  padding: 0 8px;
52
44
  }
53
-
54
45
  .e-dropdown-btn.e-small.e-vertical,
55
46
  .e-dropdown-btn.e-btn.e-small.e-vertical {
56
47
  line-height: 1;
@@ -61,18 +52,15 @@
61
52
  .e-bigger.e-dropdown-btn .e-btn-icon {
62
53
  font-size: 16px;
63
54
  }
64
-
65
55
  .e-bigger .e-dropdown-btn .e-caret,
66
56
  .e-bigger.e-dropdown-btn .e-caret {
67
57
  font-size: 12px;
68
58
  }
69
-
70
59
  .e-bigger .e-dropdown-btn.e-vertical,
71
60
  .e-bigger.e-dropdown-btn.e-vertical {
72
61
  line-height: 1;
73
62
  padding: 8px 16px;
74
63
  }
75
-
76
64
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
77
65
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
78
66
  line-height: 1;
@@ -81,9 +69,9 @@
81
69
 
82
70
  .e-dropdown-popup {
83
71
  position: absolute;
72
+ border-radius: 4px;
84
73
  margin-top: 2px;
85
74
  }
86
-
87
75
  .e-dropdown-popup ul {
88
76
  border: 1px solid #444c54;
89
77
  border-radius: 4px;
@@ -103,7 +91,6 @@
103
91
  user-select: none;
104
92
  white-space: nowrap;
105
93
  }
106
-
107
94
  .e-dropdown-popup ul .e-item {
108
95
  cursor: pointer;
109
96
  display: -ms-flexbox;
@@ -112,18 +99,15 @@
112
99
  line-height: 30px;
113
100
  padding: 0 12px;
114
101
  }
115
-
116
102
  .e-dropdown-popup ul .e-item.e-url {
117
103
  padding: 0;
118
104
  }
119
-
120
105
  .e-dropdown-popup ul .e-item .e-menu-url {
121
106
  display: block;
122
107
  padding: 0 12px;
123
108
  text-decoration: none;
124
109
  width: 100%;
125
110
  }
126
-
127
111
  .e-dropdown-popup ul .e-item .e-menu-icon {
128
112
  float: left;
129
113
  font-size: 18px;
@@ -132,12 +116,10 @@
132
116
  vertical-align: middle;
133
117
  width: 1em;
134
118
  }
135
-
136
119
  .e-dropdown-popup ul .e-item.e-disabled {
137
120
  cursor: auto;
138
121
  pointer-events: none;
139
122
  }
140
-
141
123
  .e-dropdown-popup ul .e-item.e-separator {
142
124
  border-bottom-style: solid;
143
125
  border-bottom-width: 1px;
@@ -147,12 +129,10 @@
147
129
  margin: 3px 0;
148
130
  pointer-events: none;
149
131
  }
150
-
151
132
  .e-dropdown-popup.e-transparent {
152
133
  background: transparent;
153
134
  box-shadow: none;
154
135
  }
155
-
156
136
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
157
137
  border: 0;
158
138
  height: 1px;
@@ -169,6 +149,7 @@
169
149
 
170
150
  *.e-bigger .e-dropdown-popup {
171
151
  background-color: transparent;
152
+ border-radius: 4px;
172
153
  }
173
154
 
174
155
  *.e-bigger .e-dropdown-popup ul,
@@ -181,25 +162,21 @@
181
162
  background-color: #343a40;
182
163
  margin-top: 4px;
183
164
  }
184
-
185
165
  *.e-bigger .e-dropdown-popup ul .e-item,
186
166
  *.e-bigger.e-dropdown-popup ul .e-item {
187
167
  height: 32px;
188
168
  line-height: 32px;
189
169
  padding: 0 16px;
190
170
  }
191
-
192
171
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
193
172
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
194
173
  padding: 0;
195
174
  }
196
-
197
175
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
198
176
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
199
177
  font-size: 22px;
200
178
  line-height: 32px;
201
179
  }
202
-
203
180
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
204
181
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
205
182
  height: auto;
@@ -211,38 +188,30 @@
211
188
  background-color: #343a40;
212
189
  color: #fff;
213
190
  }
214
-
215
191
  .e-dropdown-popup ul .e-item .e-menu-url {
216
192
  color: #fff;
217
193
  }
218
-
219
194
  .e-dropdown-popup ul .e-item .e-menu-icon {
220
195
  color: #adb5bd;
221
196
  }
222
-
223
197
  .e-dropdown-popup ul .e-item.e-focused {
224
198
  background-color: #31373d;
225
199
  box-shadow: none;
226
200
  }
227
-
228
201
  .e-dropdown-popup ul .e-item:hover {
229
202
  background-color: #444c54;
230
203
  color: #fff;
231
204
  }
232
-
233
205
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
234
206
  background-color: #0d6efd;
235
207
  color: #fff;
236
208
  }
237
-
238
209
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
239
210
  color: #fff;
240
211
  }
241
-
242
212
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
243
213
  color: #fff;
244
214
  }
245
-
246
215
  .e-dropdown-popup ul .e-separator {
247
216
  border-bottom-color: #444c54;
248
- }
217
+ }
package/styles/drop-down-button/bootstrap5.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: '\e70d';
3
+ content: "\e70d";
4
4
  }
5
5
 
6
6
  /*! drop-down button layout */
@@ -9,48 +9,39 @@
9
9
  text-transform: none;
10
10
  white-space: normal;
11
11
  }
12
-
13
12
  .e-dropdown-btn:focus,
14
13
  .e-dropdown-btn.e-btn:focus {
15
14
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
15
  }
17
-
18
16
  .e-dropdown-btn:active,
19
17
  .e-dropdown-btn.e-btn:active {
20
18
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
21
19
  }
22
-
23
20
  .e-dropdown-btn .e-btn-icon,
24
21
  .e-dropdown-btn.e-btn .e-btn-icon {
25
22
  font-size: 14px;
26
23
  }
27
-
28
24
  .e-dropdown-btn .e-caret,
29
25
  .e-dropdown-btn.e-btn .e-caret {
30
26
  font-size: 10px;
31
27
  }
32
-
33
28
  .e-dropdown-btn.e-vertical,
34
29
  .e-dropdown-btn.e-btn.e-vertical {
35
30
  line-height: 1;
36
31
  padding: 6px 12px;
37
32
  }
38
-
39
33
  .e-dropdown-btn.e-caret-hide .e-caret,
40
34
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
41
35
  display: none;
42
36
  }
43
-
44
37
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
45
38
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
46
39
  padding: 4px 0;
47
40
  }
48
-
49
41
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
50
42
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
51
43
  padding: 0 8px;
52
44
  }
53
-
54
45
  .e-dropdown-btn.e-small.e-vertical,
55
46
  .e-dropdown-btn.e-btn.e-small.e-vertical {
56
47
  line-height: 1;
@@ -61,18 +52,15 @@
61
52
  .e-bigger.e-dropdown-btn .e-btn-icon {
62
53
  font-size: 16px;
63
54
  }
64
-
65
55
  .e-bigger .e-dropdown-btn .e-caret,
66
56
  .e-bigger.e-dropdown-btn .e-caret {
67
57
  font-size: 12px;
68
58
  }
69
-
70
59
  .e-bigger .e-dropdown-btn.e-vertical,
71
60
  .e-bigger.e-dropdown-btn.e-vertical {
72
61
  line-height: 1;
73
62
  padding: 8px 16px;
74
63
  }
75
-
76
64
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
77
65
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
78
66
  line-height: 1;
@@ -81,9 +69,9 @@
81
69
 
82
70
  .e-dropdown-popup {
83
71
  position: absolute;
72
+ border-radius: 4px;
84
73
  margin-top: 2px;
85
74
  }
86
-
87
75
  .e-dropdown-popup ul {
88
76
  border: 1px solid #dee2e6;
89
77
  border-radius: 4px;
@@ -103,7 +91,6 @@
103
91
  user-select: none;
104
92
  white-space: nowrap;
105
93
  }
106
-
107
94
  .e-dropdown-popup ul .e-item {
108
95
  cursor: pointer;
109
96
  display: -ms-flexbox;
@@ -112,18 +99,15 @@
112
99
  line-height: 30px;
113
100
  padding: 0 12px;
114
101
  }
115
-
116
102
  .e-dropdown-popup ul .e-item.e-url {
117
103
  padding: 0;
118
104
  }
119
-
120
105
  .e-dropdown-popup ul .e-item .e-menu-url {
121
106
  display: block;
122
107
  padding: 0 12px;
123
108
  text-decoration: none;
124
109
  width: 100%;
125
110
  }
126
-
127
111
  .e-dropdown-popup ul .e-item .e-menu-icon {
128
112
  float: left;
129
113
  font-size: 18px;
@@ -132,12 +116,10 @@
132
116
  vertical-align: middle;
133
117
  width: 1em;
134
118
  }
135
-
136
119
  .e-dropdown-popup ul .e-item.e-disabled {
137
120
  cursor: auto;
138
121
  pointer-events: none;
139
122
  }
140
-
141
123
  .e-dropdown-popup ul .e-item.e-separator {
142
124
  border-bottom-style: solid;
143
125
  border-bottom-width: 1px;
@@ -147,12 +129,10 @@
147
129
  margin: 3px 0;
148
130
  pointer-events: none;
149
131
  }
150
-
151
132
  .e-dropdown-popup.e-transparent {
152
133
  background: transparent;
153
134
  box-shadow: none;
154
135
  }
155
-
156
136
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
157
137
  border: 0;
158
138
  height: 1px;
@@ -169,6 +149,7 @@
169
149
 
170
150
  *.e-bigger .e-dropdown-popup {
171
151
  background-color: transparent;
152
+ border-radius: 4px;
172
153
  }
173
154
 
174
155
  *.e-bigger .e-dropdown-popup ul,
@@ -181,25 +162,21 @@
181
162
  background-color: #fff;
182
163
  margin-top: 4px;
183
164
  }
184
-
185
165
  *.e-bigger .e-dropdown-popup ul .e-item,
186
166
  *.e-bigger.e-dropdown-popup ul .e-item {
187
167
  height: 32px;
188
168
  line-height: 32px;
189
169
  padding: 0 16px;
190
170
  }
191
-
192
171
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
193
172
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
194
173
  padding: 0;
195
174
  }
196
-
197
175
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
198
176
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
199
177
  font-size: 22px;
200
178
  line-height: 32px;
201
179
  }
202
-
203
180
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
204
181
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
205
182
  height: auto;
@@ -211,38 +188,30 @@
211
188
  background-color: #fff;
212
189
  color: #212529;
213
190
  }
214
-
215
191
  .e-dropdown-popup ul .e-item .e-menu-url {
216
192
  color: #212529;
217
193
  }
218
-
219
194
  .e-dropdown-popup ul .e-item .e-menu-icon {
220
195
  color: #6c757d;
221
196
  }
222
-
223
197
  .e-dropdown-popup ul .e-item.e-focused {
224
198
  background-color: #e9ecef;
225
199
  box-shadow: none;
226
200
  }
227
-
228
201
  .e-dropdown-popup ul .e-item:hover {
229
202
  background-color: #e9ecef;
230
203
  color: #212529;
231
204
  }
232
-
233
205
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
234
206
  background-color: #0d6efd;
235
207
  color: #fff;
236
208
  }
237
-
238
209
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
239
210
  color: #fff;
240
211
  }
241
-
242
212
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
243
213
  color: #fff;
244
214
  }
245
-
246
215
  .e-dropdown-popup ul .e-separator {
247
216
  border-bottom-color: #dee2e6;
248
- }
217
+ }